/* 9order / Idea → Solution Lab / UI UX Pro Max-informed scoped design.
   Inherits global learning-library typography and brand tokens. */
:root{
 --idea-ink:#17191d;--idea-paper:#f2eee6;--idea-sheet:#fbf9f4;
 --idea-accent:#ff5b35;--idea-line:#343230;--idea-muted:#57514b;
 --idea-soft:#ffe6db;--idea-surface:#eae5dc
}
.idea-hero{background:#17191d;color:#fbf9f4;border-bottom:1px solid #111}
.idea-hero .library-wrap{padding-top:67px;padding-bottom:62px}
.idea-hero-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(270px,.58fr);align-items:end;gap:58px}
.idea-eyebrow,.idea-label{font:600 11px/1.5 var(--mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.065em}
.idea-eyebrow{display:block;color:#ffa88e;margin-bottom:24px}
.idea-hero h1{font:700 clamp(52px,7vw,99px)/.92 var(--display,sans-serif);letter-spacing:-.073em;margin:0;max-width:900px}
.idea-hero h1 em{font-style:normal;color:var(--idea-accent)}
.idea-hero-aside p{font-size:18px;line-height:1.55;margin:0 0 23px;color:#ece7e1}
.idea-hero-pills{display:flex;gap:8px;flex-wrap:wrap}
.idea-hero-pills span{padding:8px 10px;border:1px solid #bfbab4;font:600 10px/1.3 var(--mono,monospace);text-transform:uppercase}
.idea-disclosure{background:#fbe1d4;border-bottom:1px solid #17191d}
.idea-disclosure-inner{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:21px;align-items:start;padding-top:18px;padding-bottom:18px}
.idea-disclosure-inner>.idea-label{color:#683f30;padding-top:3px}
.idea-disclosure p{font-size:14px;line-height:1.55;color:#332e2a;margin:0}
.idea-disclosure a{font:600 11px/1.5 var(--mono,monospace);text-decoration:underline;text-underline-offset:3px;padding-top:2px;white-space:nowrap}
.idea-nojs{padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--idea-line)}
.idea-nojs h2{font-size:28px;letter-spacing:-.035em}
.idea-nojs p{max-width:650px;line-height:1.6}
.idea-nojs a{text-decoration:underline;text-underline-offset:3px}
.idea-workspace{padding-top:35px;padding-bottom:65px;color:var(--idea-ink)}
.idea-workspace-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.idea-workspace-top .idea-label{color:var(--idea-muted)}
.idea-workspace-top h2{font-size:clamp(31px,3.7vw,47px);letter-spacing:-.055em;margin:9px 0 0;line-height:1}
.idea-workspace-actions{display:flex;gap:15px;flex-wrap:wrap}
.idea-text-button{background:none;border:0;border-bottom:1px solid #5a5550;padding:7px 1px;color:#38332f;font:600 11px/1.4 var(--mono,monospace);cursor:pointer;min-height:40px;text-decoration:none}
.idea-text-button:hover{color:#9e3619;border-color:#9e3619}
.idea-workspace-grid{display:grid;grid-template-columns:189px minmax(0,1fr) 279px;border:1px solid var(--idea-line);background:#fbf9f4;align-items:stretch;min-height:650px}
.idea-rail{border-right:1px solid var(--idea-line);background:#ede8df;display:flex;flex-direction:column;min-width:0}
.idea-rail-intro{padding:20px 15px;border-bottom:1px solid #bcb3a8}
.idea-rail-intro .idea-label{color:#514d47}
.idea-rail-intro small{display:block;font-size:12px;line-height:1.5;color:#625c55;margin-top:9px}
.idea-rail-step{min-height:72px;padding:12px 13px;border:0;border-bottom:1px solid #c8c0b5;text-align:left;background:transparent;cursor:pointer;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:start;transition:background .15s}
.idea-rail-step>span{grid-row:1/3;color:#6b5c52;font:600 11px var(--mono,monospace);padding-top:1px}
.idea-rail-step strong{font:700 14px/1.3 var(--display,sans-serif);color:#262523;letter-spacing:-.02em}
.idea-rail-step small{grid-column:2;font:500 10px/1.5 var(--mono,monospace);color:#645d55;margin-top:4px;text-transform:uppercase}
.idea-rail-step.is-current{background:var(--idea-accent)}
.idea-rail-step.is-current strong,.idea-rail-step.is-current small,.idea-rail-step.is-current>span{color:#181819}
.idea-rail-step:hover:not(.is-current){background:#f9e7d9}
.idea-rail-divider{height:16px;flex:0 0 auto;border-bottom:1px solid #c8c0b5}
.idea-rail-solutions{min-height:74px}
.idea-rail-note{font-size:12px;line-height:1.55;color:#5a544e;margin:auto 13px 20px;padding-top:26px}
.idea-main-panel{min-width:0;padding:28px 28px 33px}
.idea-question-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
.idea-question-head .idea-label{color:#8b482e}
.idea-question-counter{font:600 10px/1.4 var(--mono,monospace);color:#5a544f;white-space:nowrap}
.idea-question h2,.idea-solutions h2{font:700 clamp(31px,3.4vw,47px)/1.02 var(--display,sans-serif);letter-spacing:-.058em;margin:0 0 18px}
.idea-question-help{max-width:640px;font-size:16px;line-height:1.5;color:#514a44;margin:0 0 27px}
.idea-statement-type{border:1px solid #aaa095;background:#f1ece4;padding:14px 15px;margin:0 0 23px}
.idea-statement-type>.idea-label{display:block;margin-bottom:10px;color:#5b534a}
.idea-kind-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.idea-kind-options label{display:flex;gap:9px;align-items:center;background:#fffdfa;border:1px solid #c1b8ac;padding:11px 10px;cursor:pointer;min-height:48px;font-size:12px;line-height:1.4}
.idea-kind-options label:has(input:checked){border-color:#1c1c1f;background:#ffe5d8}
.idea-kind-options input,.idea-signal-grid input,.idea-storage input{accent-color:#bf431f;width:16px;height:16px;flex:0 0 16px;margin:0}
.idea-answer-label{display:block;color:#554f48;margin:0 0 10px}
.idea-answer,.idea-short-input{box-sizing:border-box;width:100%;border:1px solid #777069;background:#fffefa;border-radius:0;padding:15px 16px;color:#211d1a;font:400 16px/1.6 var(--display,sans-serif);resize:vertical;min-height:120px}
.idea-answer{min-height:190px}
.idea-answer::placeholder,.idea-short-input::placeholder{color:#716c66;opacity:1}
.idea-answer:focus,.idea-short-input:focus{outline:3px solid var(--idea-accent);outline-offset:2px;border-color:#161718}
.idea-answer-foot{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:10px 0 20px;color:#645e56;font-size:11px;line-height:1.5}
.idea-answer-foot span:last-child{font:500 11px var(--mono,monospace);white-space:nowrap}
.idea-question-actions,.idea-detail-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.idea-primary,.idea-outline{min-height:47px;border:1px solid #17191d;padding:12px 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font:700 12px/1.25 var(--mono,monospace);text-decoration:none;transition:background .15s}
.idea-primary{background:var(--idea-accent);color:#151719}
.idea-primary:hover{background:#ffad94}
.idea-outline{background:#fffdfa;color:#252527}
.idea-outline:hover{background:#ede5db}
.idea-context-tip{margin:28px 0 0;padding:15px 17px;border-left:3px solid #d94a26;background:#f6e9de}
.idea-context-tip strong{font:600 11px/1.4 var(--mono,monospace);color:#874329}
.idea-context-tip p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#4a4038}
.idea-record{border-left:1px solid #17191d;min-width:0;background:#1d2025;color:#f8f3ed;padding:23px 20px}
.idea-record-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.idea-record-head .idea-label{color:#ffa78c}
.idea-record-head>span:last-child{font:500 10px var(--mono,monospace);color:#bab9b7}
.idea-record h3{font:700 30px/1.04 var(--display,sans-serif);letter-spacing:-.055em;margin:26px 0 14px}
.idea-record h3 em{font-style:normal;color:#ffa98e}
.idea-record>p{color:#e1dbd3;font-size:13px;line-height:1.55;margin:0 0 23px}
.idea-record-item{padding:15px 0;border-top:1px solid #66676b}
.idea-record-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.idea-record-item-head span{font-size:12px;font-weight:700;line-height:1.35}
.idea-record-item-head small{font:600 9px/1.5 var(--mono,monospace);color:#ffa98e;max-width:112px;text-align:right}
.idea-record-item p{font-size:12px;line-height:1.55;color:#e5ddd4;margin:8px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.idea-example-label{display:block;color:#ffa78c;font:600 10px/1.4 var(--mono,monospace);padding-top:14px}
.idea-record-decision{background:#34363b;margin:17px -9px 0;padding:16px 14px}
.idea-record-decision>.idea-label{color:#ffa78c}
.idea-record-decision p{font-size:13px;line-height:1.55;margin:9px 0 0}
.idea-history{padding-top:20px}
.idea-history>.idea-label{color:#ffa78c}
.idea-history-item{padding:13px 0;border-top:1px solid #686a6d}
.idea-history-item small{font:600 10px/1.45 var(--mono,monospace);color:#d9cfc7}
.idea-history-item p{color:#e4dfd9;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
.idea-signal-heading,.idea-explorer-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px 0 11px}
.idea-signal-heading .idea-label,.idea-explorer-title .idea-label{color:#514b46}
.idea-note{color:#635f59;font-size:11px}
.idea-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.idea-signal-grid label{min-height:58px;border:1px solid #b2aaa0;display:flex;align-items:center;gap:10px;padding:10px;background:#fffdf8;font-size:12px;line-height:1.4;cursor:pointer}
.idea-signal-grid label:has(input:checked){border-color:#ac3b1f;background:#ffe9df}
.idea-explorer-title{margin-top:27px;align-items:end}
.idea-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--idea-line);background:#eee8df}
.idea-candidate{min-width:0;display:flex;flex-direction:column;gap:10px;padding:16px 13px 14px;border-right:1px solid var(--idea-line);min-height:238px}
.idea-candidate:last-child{border-right:0}
.idea-candidate.is-focused{background:#ffe3d5}
.idea-candidate.is-decided{box-shadow:inset 0 4px 0 #d74725}
.idea-card-kicker{font:600 10px/1.4 var(--mono,monospace);color:#634e42}
.idea-candidate h3{font:700 23px/1.06 var(--display,sans-serif);letter-spacing:-.05em;margin:8px 0 0;overflow-wrap:anywhere}
.idea-candidate p{font-size:12px;line-height:1.5;margin:0 0 8px;color:#3f3933}
.idea-card-basis{color:#5e534b;font:500 10px/1.45 var(--mono,monospace);margin-top:auto}
.idea-card-action{border:0;border-top:1px solid #a8a095;background:transparent;cursor:pointer;text-align:left;font:600 11px/1.45 var(--mono,monospace);padding:12px 0 0;color:#262020}
.idea-card-action:hover{text-decoration:underline;text-underline-offset:3px}
.idea-family-drawer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px dashed #9f9387;margin-top:9px;padding:10px;background:#f1ede6}
.idea-family-choice{background:#fffdfa;min-height:42px;padding:10px 12px;text-align:left;border:1px solid #aaa297;cursor:pointer;font:600 12px/1.3 var(--mono,monospace)}
.idea-family-choice:hover{background:#ffe6db}
.idea-candidate-detail{margin-top:20px;border:1px solid #17191d;background:#fffefa;padding:21px}
.idea-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.idea-detail-head .idea-label{color:#8d482d}
.idea-candidate-detail h3{font-size:clamp(27px,3vw,40px);letter-spacing:-.05em;line-height:1.05;margin:15px 0}
.idea-candidate-detail>p{font-size:14px;line-height:1.55;margin:0 0 15px;color:#39322d}
.idea-tradeoffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #aaa297;border-left:1px solid #aaa297;margin:20px 0}
.idea-tradeoffs>div{padding:15px;border-right:1px solid #aaa297;border-bottom:1px solid #aaa297;min-width:0;background:#f5efe7}
.idea-tradeoffs>div:nth-child(2),.idea-tradeoffs>div:nth-child(3){background:#ffe8db}
.idea-tradeoffs span{font:600 10px/1.4 var(--mono,monospace);color:#9a482b}
.idea-tradeoffs p{font-size:13px;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}
.idea-short-input{min-height:70px}
.idea-detail-actions{margin-top:14px}
.idea-detail-actions span{font-size:11px;color:#554b42;line-height:1.5;max-width:230px}
.idea-choice-recap{margin-top:20px;padding:20px;background:#1d2025;color:#f7f1eb}
.idea-choice-recap .idea-label{color:#ffa88e}
.idea-choice-recap h3{font-size:27px;letter-spacing:-.045em;margin:13px 0 7px}
.idea-choice-recap p{font-size:13px;line-height:1.55;color:#e7dfd7;margin:0 0 12px}
.idea-chosen-cta{color:#fff0e7;text-decoration:underline;font:600 12px/1.5 var(--mono,monospace)}
#idea-chosen-link small{color:#e7dfd7;font-size:12px;line-height:1.5}
.idea-explorer-foot{margin-top:26px;padding-top:15px;border-top:1px solid #b8aea1}
.idea-explorer-foot a{font:700 11px/1.4 var(--mono,monospace);text-decoration:underline;text-underline-offset:3px}
.idea-explorer-foot p{font-size:12px;color:#605850;line-height:1.55}
.idea-export{display:grid;grid-template-columns:1fr minmax(270px,.7fr);gap:26px;border:1px solid #17191d;border-top:0;background:#eee8de;padding:26px}
.idea-export .idea-label{color:#554f46}
.idea-export h3{font-size:clamp(27px,3vw,37px);letter-spacing:-.05em;margin:14px 0 9px}
.idea-export p{font-size:14px;line-height:1.55;max-width:550px;margin:0;color:#4f4740}
.idea-export-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;align-content:start}
.idea-export-actions>.idea-outline,.idea-export-actions>.idea-primary{flex:1 1 175px}
.idea-storage{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;line-height:1.4;margin-top:8px;width:100%}
.idea-export-actions small{color:#5c564e;font-size:11px;line-height:1.5;max-width:500px}
.idea-feedback{min-height:24px;color:#703e29;font:600 12px/1.5 var(--mono,monospace);padding:12px 3px;margin:0}
.idea-bottom{background:#17191d;color:#f7f4ee;border-top:1px solid #17191d}
.idea-bottom .library-wrap{padding-top:61px;padding-bottom:65px}
.idea-bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:50px}
.idea-bottom .idea-label{color:#ffa98e}
.idea-bottom h2{font-size:clamp(33px,5vw,61px);letter-spacing:-.065em;line-height:.99;margin:19px 0}
.idea-bottom p{max-width:570px;color:#dfd9d1;font-size:16px;line-height:1.55}
.idea-bottom-links{display:flex;flex-direction:column;justify-content:center}
.idea-bottom-links a{color:#f9f6f0;display:flex;justify-content:space-between;gap:18px;align-items:center;font:600 12px/1.4 var(--mono,monospace);text-decoration:none;padding:17px 0;border-bottom:1px solid #62646b}
.idea-bottom-links a:hover{color:#ffb198}
.idea-workspace button:focus-visible,.idea-bottom a:focus-visible,.idea-disclosure a:focus-visible,.idea-nojs a:focus-visible{outline:3px solid var(--idea-accent);outline-offset:3px}
.idea-workspace [hidden],.idea-workspace [hidden] *,[data-idea-lab] [hidden]{display:none!important}
@media(max-width:1140px){
 .idea-workspace-grid{grid-template-columns:174px minmax(0,1fr) 235px}
 .idea-main-panel{padding:25px 21px}
 .idea-record{padding:22px 15px}
 .idea-disclosure-inner{grid-template-columns:115px 1fr}
 .idea-disclosure-inner a{grid-column:2;white-space:normal}
 .idea-hero-grid{gap:34px}
}
@media(max-width:970px){
 .idea-workspace-grid{grid-template-columns:180px minmax(0,1fr)}
 .idea-record{grid-column:1/-1;border-left:0;border-top:1px solid #17191d;display:grid;grid-template-columns:220px 1fr;gap:12px 22px}
 .idea-record-head,.idea-record>h3,.idea-record>p,.idea-record-decision,.idea-history{grid-column:1}
 .idea-record-body{grid-column:2;grid-row:1/5}
 .idea-record-decision{margin:0}
 .idea-record h3{margin:12px 0}
 .idea-record>p{margin:0}
 .idea-candidates{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 .idea-hero .library-wrap{padding-top:47px;padding-bottom:45px}
 .idea-hero-grid,.idea-bottom-grid,.idea-export{grid-template-columns:1fr;gap:23px}
 .idea-hero h1{font-size:clamp(47px,10vw,65px)}
 .idea-disclosure-inner{grid-template-columns:1fr;gap:9px}
 .idea-disclosure-inner a{grid-column:auto}
 .idea-workspace{padding-top:30px;padding-bottom:45px}
 .idea-workspace-top{align-items:flex-start;flex-direction:column;gap:14px}
 .idea-workspace-grid{display:block}
 .idea-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--idea-line)}
 .idea-rail-intro{grid-column:1/-1;padding:14px}
 .idea-rail-step{min-height:66px;border-right:1px solid #c8c0b5}
 .idea-rail-step:nth-of-type(2n){border-right:0}
 .idea-rail-divider,.idea-rail-note{display:none}
 .idea-rail-solutions{grid-column:1/-1;border-right:0;min-height:55px}
 .idea-main-panel{padding:24px 18px 28px}
 .idea-record{display:block;padding:23px 20px}
 .idea-record-head,.idea-record>h3,.idea-record>p,.idea-record-decision,.idea-history,.idea-record-body{display:block}
 .idea-record h3{margin:17px 0 12px}
 .idea-record>p{margin-bottom:17px}
 .idea-record-decision{margin:12px 0 0}
 .idea-candidates{grid-template-columns:1fr}
 .idea-candidate{border-right:0;border-bottom:1px solid var(--idea-line);min-height:0;padding:18px}
 .idea-candidate:last-child{border-bottom:0}
 .idea-card-basis{margin:0}
 .idea-export{padding:22px}
 .idea-bottom .library-wrap{padding-top:45px;padding-bottom:50px}
}
@media(max-width:450px){
 .idea-question-head{align-items:flex-start;gap:9px;flex-direction:column;margin-bottom:17px}
 .idea-kind-options,.idea-signal-grid,.idea-tradeoffs,.idea-family-drawer{grid-template-columns:1fr}
 .idea-statement-type{padding:12px}
 .idea-question-actions{flex-direction:column;align-items:stretch}
 .idea-question-actions button{width:100%}
 .idea-main-panel{padding:20px 13px 23px}
 .idea-answer{min-height:165px}
 .idea-question h2,.idea-solutions h2{font-size:clamp(30px,9vw,40px)}
 .idea-workspace-actions{gap:17px}
 .idea-rail-step{padding:10px;grid-template-columns:20px minmax(0,1fr)}
 .idea-rail-step strong{font-size:13px}
 .idea-rail-step small{font-size:9px}
 .idea-detail-actions{align-items:stretch;flex-direction:column}
 .idea-detail-actions button{width:100%}
 .idea-candidate-detail{padding:16px}
 .idea-export-actions{display:flex;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .idea-rail-step,.idea-primary,.idea-outline{transition:none}
}
@media print{
 .idea-hero,.idea-rail,.idea-workspace-actions,.idea-export-actions,.idea-bottom{display:none!important}
 .idea-workspace-grid{display:block;border:0}
 .idea-main-panel,.idea-record{border:0;background:white;color:black}
}

/* Local mobile navigation: the existing training-library global nav is hidden <=620px. */
.idea-mobile-nav{display:none}
@media(max-width:620px){
 .idea-mobile-nav{position:sticky;top:0;z-index:25;background:#f2eee6;border-bottom:1px solid #17191d;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px max(17px,calc((100vw - 1180px)/2));min-height:50px}
 .idea-mobile-nav a{font:700 11px/1.3 var(--mono,ui-monospace,monospace);text-decoration:none;color:#17191d}
 .idea-mobile-nav a:first-child{font-size:14px}
 .idea-mobile-nav a:focus-visible{outline:3px solid #ff5b35;outline-offset:4px}
}

.idea-reopen{background:transparent;border:1px solid #e5d9cc;color:#fff3e9;padding:11px 13px;min-height:43px;margin-top:13px;cursor:pointer;font:600 11px/1.3 var(--mono,monospace)}
.idea-reopen:hover{background:#3d4148}
.idea-empty-solutions{grid-column:1/-1;padding:22px;font-size:14px;line-height:1.5;color:#3a352e}

/* Gallery handoff: prominent provenance label above the discovery form. */
.idea-starter-notice{background:#fff1de;border:1px solid #a35b3a;border-left:4px solid #df5b32;padding:14px 19px;margin:0 0 14px;color:#342b26;font-size:14px;line-height:1.55}
.idea-starter-notice strong{font-weight:700}
.idea-starter-notice[hidden]{display:none!important}