.studio-page{--studio-ink:#202126;--studio-paper:#fff;--studio-wash:#f5f6fa;--studio-line:#e3e5eb;--studio-accent:#5053dc;max-width:1180px!important}.dark .studio-page{--studio-ink:#f0f1f7;--studio-paper:#16171c;--studio-wash:#202128;--studio-line:#343640;--studio-accent:#a3a5ff}.studio-head{padding:30px 0 10px!important;margin-bottom:20px!important}.studio-head h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.13!important;letter-spacing:-.045em;max-width:900px}.studio-head p{max-width:730px;font-size:17px!important}.studio-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--studio-line);margin:20px 0 34px;gap:8px;scroll-margin-top:24px}.studio-nav button{display:flex;align-items:center;gap:12px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--studio-ink);padding:18px 12px;border-radius:0;font:inherit;font-weight:600;text-align:left;cursor:pointer}.studio-nav button span{font-size:12px;letter-spacing:.08em;color:var(--studio-accent)}.studio-nav button[aria-current=step]{border-bottom-color:var(--studio-accent);background:var(--studio-wash)}.studio-nav button:disabled{opacity:.4;cursor:default}.study-studio{display:block!important;max-width:960px;margin:auto;color:var(--studio-ink)}.study-studio>[hidden],.study-studio [hidden]{display:none!important}.study-studio>.card{background:var(--studio-paper)!important;border:1px solid var(--studio-line)!important;border-radius:24px!important;padding:clamp(22px,4vw,48px)!important;box-shadow:0 12px 44px #17193605}.study-studio h2{font-size:32px!important;letter-spacing:-.035em;margin:10px 0 24px!important;line-height:1.2}.study-studio h3{font-size:21px!important;letter-spacing:-.02em}.study-studio .lesson-label{color:var(--studio-accent);letter-spacing:.12em;font-size:11px!important}.study-studio .lesson-copy{font-size:18px;line-height:1.8;max-width:760px;white-space:pre-wrap}.study-studio .lesson-copy p{margin:0 0 22px}.study-studio .example{background:var(--studio-wash);border-left:3px solid var(--studio-accent);border-radius:0 14px 14px 0;padding:24px;font-size:17px;line-height:1.7;margin:24px 0}.study-studio textarea,.study-studio input{background:var(--studio-paper);color:var(--studio-ink);border:1px solid var(--studio-line);box-shadow:none;border-radius:12px;font:inherit;font-size:16px;padding:15px;line-height:1.6;min-width:0}.study-studio textarea{min-height:100px;resize:vertical}.study-studio #practice{min-height:240px}.study-studio :is(input,textarea,button,summary):focus-visible,.studio-nav button:focus-visible{outline:3px solid var(--studio-accent);outline-offset:3px}.study-studio .field{margin:22px 0}.study-studio .field>span:first-child{font-size:14px;font-weight:600}.study-studio .button.primary{background:var(--studio-accent);color:white;border-radius:12px;padding:14px 22px;box-shadow:none}.dark .study-studio .button.primary{color:#14141d}.studio-next,.studio-apply{margin-top:22px}.study-studio[data-stage="0"] :is(.learning-check,.lesson-help),.study-studio[data-stage="3"]>.card>.learning-practice-note{display:none}.studio-criteria,.studio-brief{padding:18px 0;border-bottom:1px solid var(--studio-line);margin-bottom:20px}.studio-criteria summary,.studio-brief summary{font-weight:600;cursor:pointer}.studio-criteria .daily-rubric{background:transparent;border:0;padding:16px 0}.studio-editor-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:26px 0 16px}.studio-editor-modes>span{font-weight:700;margin-right:auto}.studio-editor-modes button{background:var(--studio-wash);border:1px solid var(--studio-line);border-radius:8px;padding:8px 12px;color:var(--studio-ink);cursor:pointer}.studio-editor-modes button[aria-pressed=true]{background:var(--studio-accent);color:white}.studio-question{border:1px solid var(--studio-line);border-radius:14px;margin:14px 0;overflow:hidden}.studio-question>summary{cursor:pointer;padding:18px;font-weight:650;background:var(--studio-wash)}.studio-question summary>span{color:var(--studio-accent);margin-right:14px;font-size:12px}.studio-question-fields{padding:0 20px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.studio-question-fields .field:first-child{grid-column:1/-1}.studio-question-fields .field{margin:16px 0 0}.studio-question-fields textarea{min-height:90px;width:100%}.studio-dictionary{margin:32px 0}.studio-table-scroll{overflow:auto;border:1px solid var(--studio-line);border-radius:12px;max-width:100%}.studio-dictionary table{width:100%;border-collapse:collapse;min-width:680px}.studio-dictionary th{font-size:12px;text-align:left;padding:12px;background:var(--studio-wash)}.studio-dictionary td{padding:6px;border-top:1px solid var(--studio-line)}.studio-dictionary input{width:100%;min-width:110px;padding:10px;font-size:14px;border-radius:6px}.studio-draft{font-size:12px;color:var(--studio-accent)}.studio-result .evaluation{border:0;background:transparent;padding:0;margin:0 0 24px}.studio-result .score{font-size:64px!important;letter-spacing:-.055em;margin:18px 0 0}.studio-result .criteria{margin:24px 0}.studio-criterion{border-bottom:1px solid var(--studio-line);padding:16px 0}.studio-criterion>summary{display:flex;gap:14px;align-items:flex-start;cursor:pointer;line-height:1.5;font-size:14px}.studio-mark{flex-shrink:0;color:var(--studio-accent);font-weight:700}.studio-verdict{font-size:11px;margin-left:auto;white-space:nowrap;color:var(--studio-accent)}.studio-criterion .criterion{border:0;margin:0;padding:16px 0;font-size:15px;display:block}.studio-criterion .criterion>b,.studio-criterion .criterion strong{display:none}.studio-criterion .daily-feedback{display:block;font-size:15px;line-height:1.65;margin-bottom:12px}.studio-evidence{font-size:13px}.studio-evidence summary{cursor:pointer}.studio-evidence blockquote{font-size:14px;line-height:1.6;white-space:pre-wrap}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:960px;margin:24px auto 40px;color:#797c87;font-size:12px}.studio-footer .button{font-size:13px;padding:10px 14px}.studio-page>.learning-tools{margin-top:30px}@media(max-width:600px){.studio-nav{gap:0;margin-bottom:20px}.studio-nav button{display:block;padding:12px 5px;font-size:11px;text-align:center}.studio-nav button span{display:block;margin-bottom:6px}.study-studio h2{font-size:26px!important}.study-studio .lesson-copy{font-size:16px}.studio-question-fields{grid-template-columns:1fr;padding:0 14px 16px}.studio-verdict{display:none}.studio-footer>span{max-width:170px}.studio-head .pill{display:none}.studio-result .score{font-size:52px!important}}
.study-studio{width:min(960px,100%)!important}.study-studio .lesson-copy{color:var(--studio-ink)}.studio-dictionary>summary{padding:18px;background:var(--studio-wash);font-weight:650;border:1px solid var(--studio-line);border-radius:12px;cursor:pointer}.studio-dictionary[open]>summary{margin-bottom:18px}.studio-progress{max-width:960px;margin:30px auto;border-top:1px solid var(--studio-line);padding:22px 0}.studio-progress>summary{cursor:pointer;font-size:14px;color:var(--studio-ink)}.studio-page .route-switcher{background:transparent;border:0;border-bottom:1px solid var(--studio-line);border-radius:0;padding:12px 0;margin-bottom:12px}.studio-page .route-switcher select{font-size:14px}.studio-page .route-switcher .button{font-size:12px;padding:8px 12px;min-height:36px}.studio-page .route-switcher>div>span{font-size:11px}.studio-response:has(#practice.invalid){outline:2px solid #dc4545;border-radius:12px}@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important}}
.dark .studio-page :is(textarea,input,select),.dark .studio-page .button.secondary{background:var(--studio-paper)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important}.dark .studio-editor-modes button[aria-pressed=true]{color:#171722}.studio-nav{scroll-margin-top:90px}
.studio-criterion .criterion strong{display:block;margin-bottom:14px;font-size:14px;font-weight:600;line-height:1.65}
.studio-outcome{display:flex;align-items:start;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--studio-line)}.studio-outcome>div:first-child{flex:1}.studio-outcome h2{margin:8px 0 16px!important}.studio-outcome p{font-size:16px;line-height:1.65;margin:0;color:var(--studio-ink)}.studio-outcome .eyebrow{font-size:11px;color:var(--studio-accent)}.studio-score{text-align:right;flex-shrink:0;max-width:180px}.studio-score .score{display:block;font-size:48px!important;line-height:1.1;margin:0}.studio-score>span{display:block;font-size:12px;color:var(--muted);margin-top:12px}.studio-adjustments{margin:24px 0}.studio-adjustments article{display:flex;align-items:start;gap:16px;padding:22px;background:var(--studio-wash);border-radius:16px}.studio-adjustments article+article{margin-top:12px}.studio-adjustments article p{font-size:15px;line-height:1.65;margin:8px 0 14px}.studio-adjustments .studio-mark{width:26px;height:26px;border-radius:50%;background:var(--studio-paper);display:grid;place-items:center;font-size:12px;flex-shrink:0}.studio-fix summary,.studio-result-help>summary{cursor:pointer;font-size:14px;font-weight:600}.studio-fix .lesson-copy{font-size:15px}.studio-result-help{padding:16px 0;border-bottom:1px solid var(--studio-line)}.studio-result>.button{margin-top:22px}@media(max-width:600px){.studio-outcome{flex-direction:column;gap:16px}.studio-score{text-align:left;max-width:none;display:flex;align-items:center;gap:16px}.studio-score>span{margin:0}.studio-score .score{font-size:36px!important}.studio-adjustments article{padding:16px}}
.adaptive-editor{margin-top:24px}.adaptive-editor [hidden]{display:none!important}.adaptive-editor textarea{width:100%}.adaptive-table{margin:22px 0}.adaptive-table table{border-collapse:collapse;min-width:600px;width:100%;table-layout:fixed}.adaptive-table th{background:var(--studio-wash);font-size:12px;padding:14px;text-align:left}.adaptive-table td{padding:8px;border-top:1px solid var(--studio-line);vertical-align:top}.adaptive-table th:last-child{width:76px}.adaptive-table td textarea{font-size:14px;padding:10px;min-height:88px}.adaptive-remove{font:inherit;font-size:12px;border:0;background:transparent;color:var(--studio-accent);cursor:pointer;padding:12px 3px}.adaptive-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.adaptive-row-actions small{margin-left:auto;color:var(--muted);font-size:12px}.adaptive-code textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7;tab-size:2;white-space:pre;overflow:auto;min-height:260px;background:var(--studio-wash)}.adaptive-code>.field>span small,.adaptive-code>span small{margin-left:10px;color:var(--studio-accent);font-size:11px}.adaptive-save{font-size:12px;color:var(--studio-accent);margin:20px 0}.adaptive-preview{padding:16px 0;border-top:1px solid var(--studio-line);margin-bottom:20px}.adaptive-preview summary{font-size:14px;font-weight:600;cursor:pointer}.adaptive-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;background:var(--studio-wash);padding:18px;border-radius:12px;max-height:360px;overflow:auto;font-size:13px;line-height:1.65}.adaptive-editor .field>small{font-size:12px;color:var(--muted)}

/* Readable lesson content, including existing inline numbered explanations. */
.study-studio .studio-concept{max-width:690px;margin-inline:auto}
.study-studio .studio-concept>h2{font-size:26px!important;line-height:1.35;letter-spacing:-.025em;max-width:650px}
.study-studio .studio-reading-lead{font-size:19px;line-height:1.65;font-weight:500;letter-spacing:-.015em;color:var(--studio-ink);padding:18px 20px;border-left:3px solid var(--studio-accent);background:var(--studio-wash);border-radius:0 12px 12px 0;margin:0 0 28px}
.study-studio .studio-concept .lesson-copy{font-size:16px;line-height:1.8;max-width:690px;white-space:normal}
.study-studio .studio-concept .lesson-copy>p{margin:0 0 20px}
.study-studio .studio-reading-list{list-style:none;counter-reset:reading-item;padding:0;margin:24px 0 28px;display:grid;gap:0}
.study-studio .studio-reading-list>li{counter-increment:reading-item;position:relative;padding:20px 0 20px 48px;border-top:1px solid var(--studio-line);min-width:0}
.study-studio .studio-reading-list>li:last-child{border-bottom:1px solid var(--studio-line)}
.study-studio .studio-reading-list>li::before{content:counter(reading-item,decimal-leading-zero);position:absolute;left:0;top:22px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--studio-accent)}
.study-studio .studio-reading-list h3{font-size:16px!important;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 8px}
.study-studio .studio-reading-list p{margin:0 0 12px;font-size:15px;line-height:1.8}
.study-studio .studio-reading-list p:last-child{margin-bottom:0}
.study-studio .studio-reading-lead,.study-studio .studio-reading-list{overflow-wrap:anywhere}
@media(max-width:600px){.study-studio .studio-concept>h2{font-size:23px!important}.study-studio .studio-reading-lead{font-size:17px;padding:16px}.study-studio .studio-concept .lesson-copy{font-size:15px}.study-studio .studio-reading-list>li{padding-left:36px}}

/* Contextual vector guide: semantic text remains readable in every theme. */
.study-studio .studio-visual{margin:28px 0 32px;padding:24px;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-wash)}
.studio-visual figcaption .eyebrow{font-size:9px;letter-spacing:.1em;color:var(--studio-accent);display:block}
.study-studio .studio-visual figcaption h3{font-size:19px!important;line-height:1.4;margin:8px 0}
.studio-visual figcaption p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 22px}
.studio-visual-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none;align-items:start}
.studio-visual-stage{background:var(--studio-paper);border:1px solid var(--studio-line);border-radius:12px;min-width:0;overflow:hidden}
.studio-visual-stage>header{padding:16px;border-bottom:1px solid var(--studio-line);position:relative}
.studio-visual-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:var(--studio-wash);color:var(--studio-accent)}
.studio-visual-icon svg{width:21px;height:21px}
.studio-visual-order{float:right;font-size:10px;color:var(--studio-accent);font-weight:600;padding-top:8px}
.studio-visual-stage h4{margin:12px 0 6px;font-size:15px;letter-spacing:-.015em}
.studio-visual-stage header p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.studio-visual-stage>ul{list-style:none;margin:0;padding:4px 16px}
.studio-visual-stage>ul>li{padding:12px 0;border-bottom:1px solid var(--studio-line)}
.studio-visual-stage>ul>li:last-child{border-bottom:0}
.studio-visual-stage strong{display:block;font-size:11px;font-weight:600}
.studio-visual-stage li>span{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}
.study-studio .studio-visual-note{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}
@media(max-width:600px){.study-studio .studio-visual{padding:18px}.studio-visual-flow{grid-template-columns:minmax(0,1fr);gap:12px}.studio-visual-stage header{padding:14px 16px}.studio-visual-stage h4{display:inline-block;vertical-align:middle;margin:0 0 0 8px}.studio-visual-stage header p{margin-top:8px}.studio-visual-stage strong{font-size:12px}.studio-visual-stage li>span{font-size:11px}}

/* Explore the concept through a clearly labeled fictional operating case. */
.studio-visual-interactive .studio-visual-flow{gap:18px}
.studio-visual-interactive .studio-visual-stage{position:relative;overflow:visible}
.studio-visual-interactive .studio-visual-stage:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:27px;color:var(--studio-accent);font-size:16px;z-index:1}
.studio-case-context{padding:16px 18px;margin:0 0 22px;background:var(--studio-paper);border:1px solid var(--studio-line);border-left:3px solid var(--studio-accent);border-radius:10px}
.studio-case-context>span,.studio-case-label{display:block;font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--studio-accent);line-height:1.5}
.studio-case-context>strong{display:block;font-size:14px;margin:8px 0}
.studio-case-context>p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
.studio-visual-interactive .studio-visual-stage>ul>li{padding:0}
.studio-visual-component>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;font-weight:600;min-height:44px;padding:12px 0;list-style:none;cursor:pointer}
.studio-visual-component>summary::-webkit-details-marker{display:none}
.studio-visual-component>summary>span{font-weight:400;color:var(--studio-accent);font-size:17px}
.studio-visual-component[open]>summary>span{transform:rotate(45deg)}
.studio-visual-component>div{padding-bottom:16px}
.studio-visual-component p{font-size:11px;line-height:1.75;margin:0 0 12px;color:var(--muted)}
.studio-visual-component .studio-case-example{margin:6px 0 0;color:var(--studio-ink)}
.studio-visual-component>summary:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px;border-radius:4px}
@media(max-width:600px){.studio-visual-interactive .studio-visual-flow{gap:26px}.studio-visual-interactive .studio-visual-stage:not(:last-child)::after{content:'↓';top:auto;bottom:-24px;right:calc(50% - 6px)}.studio-visual-component p{font-size:12px}}

.lesson-audio{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.lesson-audio-rate{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.content .lesson-audio select{width:82px;height:40px;min-height:40px;padding:6px 10px;font-size:13px}.lesson-audio-status,.lesson-audio-note{font-size:12px;color:var(--muted);line-height:1.6}.lesson-audio .button{min-height:44px}.lesson-audio [hidden]{display:none!important}@media(max-width:600px){.lesson-audio{gap:10px}.lesson-audio-status{flex-basis:100%}.content .lesson-audio select{font-size:16px;min-height:44px}}

.lesson-audio-voice{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}.content .lesson-audio-voice select{width:200px;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.lesson-audio-voice{flex-basis:100%}.content .lesson-audio-voice select{flex:1;width:auto;min-width:0}}

.studio-concept-map{margin:24px 0;padding:20px;border:1px solid var(--border);border-radius:16px}.studio-concept-map h3{margin:0 0 14px;font-size:17px}.studio-concept-map dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.studio-concept-map dt{font-weight:700;font-size:15px}.studio-concept-map dd{margin:5px 0 0;line-height:1.6;font-size:15px;color:var(--muted)}.studio-example-copy p{margin:14px 0;font-size:17px;line-height:1.75}.studio-response-title{margin:30px 0 8px}.studio-answer-guidance{font-size:14px;line-height:1.6;margin-bottom:18px}.studio-understanding .learning-check{margin-top:16px}.learning-check-result{margin:18px 0;padding:18px 20px;border:1px solid var(--border);border-radius:14px}.learning-check-result.needs-work{border-left:4px solid #dcae6d}.learning-check-result.is-passed{border-left:4px solid #93d9b1}.learning-check-result [role=status]{margin:0;font-size:16px;line-height:1.6}.learning-check-rule{font-size:13px;color:var(--muted)}.learning-check-feedback p{font-size:16px;line-height:1.75;margin:12px 0}.learning-check-result h4{font-size:14px;margin:18px 0 6px}.learning-check-next{font-size:14px;font-weight:600;line-height:1.6}.studio-understanding .lesson-help{margin:4px 0 16px}.studio-understanding .studio-apply{display:block;margin-top:20px}@media(max-width:600px){.studio-concept-map dl{grid-template-columns:1fr;gap:14px}.studio-example-copy p,.learning-check-feedback p{font-size:16px}.learning-check-result{padding:16px}}

.studio-question-prompt{margin:0 0 22px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.studio-question-prompt p{font-size:16px;line-height:1.7;margin:0 0 14px}.studio-question-prompt ol{margin:0;padding-left:24px}.studio-question-prompt li{padding-left:6px;margin:0 0 14px;font-size:16px;line-height:1.7}.studio-question-prompt li:last-child{margin-bottom:0}.studio-question-prompt>p:last-child{margin-bottom:0}@media(max-width:600px){.studio-question-prompt{padding:16px}.studio-question-prompt li,.studio-question-prompt p{font-size:16px}}

.comprehension-editor{display:grid;gap:24px;margin:20px 0}.comprehension-case{padding:20px;background:var(--studio-wash);border-radius:16px}.comprehension-case p{margin-bottom:0;white-space:pre-wrap}.comprehension-question{padding:22px;border:1px solid var(--studio-line);border-radius:16px}.comprehension-question .field>span{display:grid;gap:10px;font-size:17px;line-height:1.5}.comprehension-question .field small{font-size:11px;letter-spacing:.08em;opacity:.65}.comprehension-question textarea{width:100%;box-sizing:border-box;margin-top:12px;resize:vertical}.comprehension-question textarea[readonly]{opacity:.8}.comprehension-feedback{margin-top:16px;padding-top:16px;border-top:1px solid var(--studio-line);line-height:1.6}.comprehension-feedback p{margin:8px 0}.comprehension-legacy{padding:18px;border-left:3px solid var(--studio-line)}.comprehension-legacy blockquote{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.study-studio .field[hidden],.study-studio .studio-question-prompt[hidden],.study-studio .studio-answer-guidance[hidden]{display:none}@media(max-width:600px){.comprehension-question{padding:16px}.comprehension-editor{gap:16px}}

/* Comprehension uses the study theme in both color modes. */
.study-studio .comprehension-editor{color:var(--studio-ink)}.study-studio .comprehension-case{background:var(--studio-wash);border:1px solid var(--studio-line)}.study-studio .comprehension-case p,.study-studio .comprehension-legacy,.study-studio .comprehension-feedback p,.study-studio .comprehension-question .field>span{color:var(--studio-ink)}.study-studio .comprehension-case .eyebrow,.study-studio .comprehension-question .field small{color:var(--muted);opacity:1}.study-studio .comprehension-question{background:var(--studio-paper);border-color:var(--studio-line)}.study-studio .comprehension-question .field{margin:0}.study-studio .comprehension-question .field>span{font-size:17px;font-weight:600}.study-studio .comprehension-question textarea{background:var(--studio-wash);color:var(--studio-ink);border-color:var(--studio-line)}.study-studio .comprehension-question textarea:focus-visible{outline-color:var(--studio-accent)}.study-studio .comprehension-question textarea[readonly]{opacity:1}.study-studio .comprehension-legacy blockquote{color:var(--studio-ink)}

/* A class built around one case, with an always available dossier. */
.case-studio{width:100%;max-width:none}.case-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 250px;gap:24px;align-items:start}.case-index{position:sticky;top:24px;padding:16px 0}.case-index h2{font-size:23px!important;margin:8px 0!important}.case-index p,.case-index small{font-size:13px;line-height:1.6;color:var(--muted)}.case-index nav{display:grid;gap:7px;margin:24px 0}.case-index button{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:var(--studio-ink);text-align:left;padding:12px;border-radius:10px;font:inherit;font-size:14px;cursor:pointer}.case-index button span{font-size:11px;color:var(--muted)}.case-index button[aria-current=step]{background:var(--studio-wash);color:var(--studio-accent);font-weight:650}.case-index button:disabled{opacity:.45;cursor:default}.case-main{min-width:0}.case-studio .case-panel{padding:28px;border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:20px;color:var(--studio-ink)}.case-panel h2{font-size:28px!important}.case-panel p{line-height:1.8;color:var(--studio-ink)}.case-panel textarea{width:100%;box-sizing:border-box;min-height:120px}.case-panel .button{margin-top:20px}.case-simulation{display:inline-block;font-size:10px;font-weight:650;letter-spacing:.07em;color:var(--studio-accent);padding:6px 10px;border-radius:8px;background:var(--studio-wash)}.case-facts{padding-left:20px}.case-facts li{margin:16px 0;line-height:1.7}.case-tool,.case-alternative{padding:22px 0;border-top:1px solid var(--studio-line)}.case-tool h3,.case-alternative h3{margin:4px 0 12px}.case-alternative dl{display:grid;gap:16px}.case-alternative dt{font-size:13px;font-weight:650;color:var(--studio-accent)}.case-alternative dd{margin:5px 0;line-height:1.7}.case-initial-reminder,.case-learning-note{padding:18px;background:var(--studio-wash);border-radius:12px}.case-initial-reminder p{white-space:pre-wrap}.case-dossier{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:18px;background:var(--studio-wash);border:1px solid var(--studio-line);border-radius:16px;color:var(--studio-ink);font-size:13px}.case-dossier h3{font-size:16px!important}.case-dossier p{line-height:1.7}.case-dossier .case-facts li{margin:12px 0}.case-pilot-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:20px;background:var(--studio-wash,var(--surface));border:1px solid var(--studio-line,var(--line));border-radius:14px}.case-pilot-invite p{margin:6px 0;font-size:14px;line-height:1.6}.case-studio .daily-rubric{border-top:1px solid var(--studio-line);background:transparent;margin-top:24px;padding:20px 0}.case-studio .daily-rubric li{line-height:1.7;margin:12px 0}@media(max-width:1100px){.case-layout{grid-template-columns:180px minmax(0,1fr)}.case-dossier{position:static;grid-column:2;max-height:none}}@media(max-width:700px){.case-layout{display:block}.case-index{position:static;padding:0 0 20px}.case-index nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.case-index button{font-size:13px;padding:10px}.case-studio .case-panel{padding:20px}.case-panel h2{font-size:24px!important}.case-dossier{margin-top:18px}.case-pilot-invite{display:block}.case-pilot-invite button{margin-top:12px}}
.case-archive-dialog{max-width:760px;width:calc(100% - 40px);max-height:80vh;overflow:auto;background:var(--surface-raised);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}.case-archive-dialog::backdrop{background:#0009}.case-archive-dialog p,.case-archive-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.case-index>.button{font-size:12px;white-space:normal;text-align:left}
/* Keep the active idea central; the dossier is available without duplication. */
.case-layout{grid-template-columns:190px minmax(0,1fr)}.case-dossier{position:static;grid-column:2;max-height:none;padding:14px 18px}.case-dossier-fold>summary{cursor:pointer;font-weight:650;font-size:14px}.case-dossier-fold>div{padding-top:18px}.case-tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.case-tool-tabs button{border:1px solid var(--studio-line);border-radius:9px;padding:9px 12px;background:var(--studio-paper);color:var(--studio-ink);font:inherit;font-size:13px;cursor:pointer;max-width:100%;text-align:left}.case-tool-tabs button[aria-pressed=true]{background:var(--studio-wash);border-color:var(--studio-accent);color:var(--studio-accent)}.case-panel .case-context{font-size:17px;line-height:1.75}.case-panel .case-facts{display:grid;gap:12px;margin:22px 0;padding-left:0;list-style:none;counter-reset:case-facts}.case-panel .case-facts li{counter-increment:case-facts;display:grid;grid-template-columns:22px 1fr;gap:12px;margin:0;padding:14px;background:var(--studio-wash);border-radius:12px;font-size:15px;line-height:1.65}.case-panel .case-facts li::before{content:counter(case-facts);font-size:12px;color:var(--studio-accent);font-weight:650}.case-panel .case-tool p{font-size:16px;line-height:1.8}.case-panel .case-tool h3{font-size:20px!important}@media(max-width:700px){.case-layout{display:block}.case-dossier{margin-top:16px}.case-tool-tabs{display:grid;grid-template-columns:1fr}.case-panel .case-facts li{padding:12px}}

/* Sketchbook learning visuals: compact, readable and isolated from prose formatting. */
.case-learning-visual{margin:22px 0 26px;max-width:600px}.case-learning-visual img{display:block;width:100%;height:auto;border-radius:12px;background:#fff}.case-learning-visual figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--studio-ink);opacity:.75}@media(max-width:700px){.case-learning-visual{margin:18px 0 22px}}

/* Shared daily review: required corrections first, evidence secondary. */
.evaluation-clear{padding:24px!important}.evaluation-clear h3{font-size:21px!important;margin:14px 0!important}.evaluation-clear p{font-size:15px!important;line-height:1.65!important}.evaluation-scoreline{display:flex;align-items:baseline;gap:12px;margin:16px 0}.evaluation-scoreline strong{font-size:32px}.evaluation-scoreline span,.evaluation-rule{opacity:.7;font-size:13px!important}.evaluation-counts{display:flex;flex-wrap:wrap;gap:8px}.evaluation-counts span{padding:5px 9px;background:var(--studio-wash);border:1px solid var(--studio-line);border-radius:6px;font-size:12px}.evaluation-actions{margin-top:26px}.evaluation-action{padding:18px 0;border-top:1px solid var(--studio-line)}.evaluation-action header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.evaluation-state{font-size:12px}.evaluation-standard{font-weight:600;margin:12px 0!important}.evaluation-fix{border-left:3px solid var(--studio-accent);padding:10px 14px;background:var(--studio-wash);border-radius:0 8px 8px 0}.evaluation-fix>strong{display:block;font-size:13px;margin-bottom:8px}.evaluation-fix .os-prose p{margin:0 0 10px!important}.evaluation-achieved{margin:20px 0}.evaluation-achieved li,.evaluation-optional li{margin:12px 0;line-height:1.6;font-size:14px}.evaluation-reasoning,.evaluation-optional{padding:16px 0;border-top:1px solid var(--studio-line)}.evaluation-reasoning summary,.evaluation-optional summary{font-size:14px;cursor:pointer}.evaluation-reasoning article{margin:20px 0}.evaluation-reasoning h4{font-size:15px}.evaluation-reasoning h5{font-size:12px;margin-bottom:8px}.evaluation-reasoning blockquote{white-space:pre-wrap;font-size:13px;line-height:1.6}.evaluation-next{font-weight:600;margin-top:20px!important}@media(max-width:700px){.evaluation-clear{padding:16px!important}.evaluation-action header{align-items:flex-start}.evaluation-fix{padding:10px 12px}}

.mixed-question{margin:18px 0;padding:16px;border:1px solid var(--studio-line);border-radius:10px;min-width:0}.mixed-question legend{font-weight:650;font-size:15px;line-height:1.5;padding:0 6px}.mixed-question label{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;cursor:pointer;line-height:1.6;font-size:14px}.mixed-question input{margin-top:5px;flex-shrink:0;width:16px;height:16px;accent-color:var(--studio-accent)}.mixed-question label:has(input:checked){background:var(--studio-wash);border-radius:6px}.mixed-assessment h3{margin-top:28px}.mixed-assessment .field{margin:20px 0}.mixed-assessment textarea{min-height:100px}.mixed-result-question{margin:16px 0;padding:14px;border:1px solid var(--studio-line);border-radius:8px}.mixed-result-question p{margin:8px 0!important}.mixed-score-breakdown{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.mixed-score-breakdown span{display:block;font-size:14px}

/* Keep quiz controls independent from the general text-input styles. */
.mixed-assessment .mixed-intro{padding:0 0 20px;border-bottom:1px solid var(--studio-line);margin-bottom:24px}
.mixed-assessment .mixed-eyebrow{display:block;font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--studio-accent);margin-bottom:12px}
.mixed-assessment .mixed-weights{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;color:var(--muted)}
.mixed-assessment .mixed-weights strong{color:var(--studio-ink);font-size:16px;margin-right:6px}
.mixed-assessment .mixed-intro p{font-size:13px!important;line-height:1.5!important;margin:12px 0 0!important}
.mixed-assessment .mixed-question{display:block;margin:20px 0!important;padding:0!important;border:0!important;border-radius:0;min-width:0}
.mixed-assessment .mixed-question legend{display:block;float:none;width:100%;padding:0!important;margin-bottom:12px;font-size:16px!important;line-height:1.5!important}
.mixed-assessment .mixed-question-meta{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:6px;letter-spacing:.025em}
.mixed-assessment .mixed-question-title{display:block;font-weight:600;color:var(--studio-ink)}
.mixed-assessment .mixed-question .mixed-option{display:flex!important;align-items:center!important;gap:10px!important;position:relative;margin:7px 0!important;padding:12px 14px!important;min-height:48px;border:1px solid var(--studio-line);border-radius:10px!important;background:var(--studio-paper);font-size:14px!important;line-height:1.5!important;cursor:pointer}
.mixed-assessment .mixed-option input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
.mixed-assessment .mixed-option-letter{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--studio-line);border-radius:7px;font-size:11px;font-weight:650;color:var(--muted)}
.mixed-assessment .mixed-option-copy{flex:1;min-width:0;color:var(--studio-ink)}
.mixed-assessment .mixed-option:has(input:checked){border-color:var(--studio-accent);background:var(--studio-wash)}
.mixed-assessment .mixed-option:has(input:checked) .mixed-option-letter{border-color:var(--studio-accent);background:var(--studio-accent);color:var(--studio-paper)}
.mixed-assessment .mixed-option:has(input:focus-visible){outline:2px solid var(--studio-accent);outline-offset:3px}
.mixed-assessment .mixed-option:has(input:disabled){cursor:default}
@media(hover:hover){.mixed-assessment .mixed-option:has(input:not(:disabled)):hover{border-color:var(--studio-accent);background:var(--studio-wash)}}
@media(max-width:600px){.mixed-assessment .mixed-question legend{font-size:15px!important}.mixed-assessment .mixed-question .mixed-option{padding:11px 12px!important;font-size:13px!important}.mixed-assessment .mixed-weights{gap:8px 16px}}

/* A subtle surface separates each question and its answer group. */
.mixed-assessment .mixed-question-card{margin:18px 0;padding:20px;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-wash);box-shadow:0 3px 12px rgba(25,30,55,.06),0 1px 2px rgba(25,30,55,.04)}
.mixed-assessment .mixed-question-card .mixed-question{margin:0!important}
.mixed-assessment .mixed-question-card .mixed-option:last-child{margin-bottom:0!important}
.dark .mixed-assessment .mixed-question-card{box-shadow:0 4px 16px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}
@media(max-width:600px){.mixed-assessment .mixed-question-card{padding:16px;border-radius:13px;margin:16px 0}}

/* Explicit assessment blockers: labels remain meaningful without color. */
.evaluation-clear,.editor-review-scope{--review-red:#b42318;--review-red-bg:#fff4f2;--review-red-line:#f0b4ae;--review-amber:#805400;--review-amber-bg:#fffaeb;--review-amber-line:#e6c77b;--review-green:#216640}
.dark .evaluation-clear,.dark .editor-review-scope{--review-red:#ffb4ab;--review-red-bg:#30201f;--review-red-line:#99504a;--review-amber:#f4ce7b;--review-amber-bg:#2d281b;--review-amber-line:#8b7135;--review-green:#91d4ad}
.evaluation-clear .evaluation-blocker{padding:16px;border:1px solid var(--review-red-line);border-left:4px solid var(--review-red);background:var(--review-red-bg);border-radius:10px;margin:16px 0;color:var(--studio-ink)}
.evaluation-blocker>strong{color:var(--review-red)}.evaluation-clear .evaluation-blocker p{margin:8px 0 0!important}
.evaluation-clear .evaluation-action{margin:14px 0;padding:18px;border:1px solid var(--review-amber-line);border-left:4px solid var(--review-amber);border-radius:12px;background:var(--review-amber-bg)}
.evaluation-clear .evaluation-action.action-state-0{border-color:var(--review-red-line);border-left-color:var(--review-red);background:var(--review-red-bg)}
.evaluation-action .state-0{color:var(--review-red)}.evaluation-action .state-1{color:var(--review-amber)}
.evaluation-action .evaluation-fix{background:transparent;border-left-color:var(--review-amber);padding-left:12px}.evaluation-action.action-state-0 .evaluation-fix{border-left-color:var(--review-red)}
.evaluation-clear .mixed-result-question.result-incorrect{border-color:var(--review-red-line);border-left:4px solid var(--review-red);background:var(--review-red-bg)}
.mixed-result-question.result-incorrect>strong{color:var(--review-red)}.mixed-result-question.result-correct>strong{color:var(--review-green)}
@media(max-width:700px){.evaluation-action header{flex-wrap:wrap}.evaluation-clear .evaluation-action{padding:14px}.evaluation-blocker{overflow-wrap:anywhere}}

/* Keep the last review beside the answer while revising. */
.editor-review-intro{padding:14px 16px;margin:18px 0;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-wash)}
.editor-review-intro>strong{font-size:15px}.editor-review-intro p{font-size:13px!important;line-height:1.6;margin:6px 0 0!important}
.editor-review{margin:12px 0 0;padding:14px;border:1px solid var(--review-amber-line);border-left:4px solid var(--review-amber);border-radius:10px;background:var(--review-amber-bg);color:var(--studio-ink)}
.editor-review.review-missing{border-color:var(--review-red-line);border-left-color:var(--review-red);background:var(--review-red-bg)}
.editor-review-item>strong{display:block;font-size:13px;color:var(--review-amber)}.review-missing .editor-review-item>strong{color:var(--review-red)}
.editor-review-item+.editor-review-item{margin-top:14px;padding-top:14px;border-top:1px solid var(--review-amber-line)}
.editor-review-item p{font-size:14px!important;line-height:1.6!important;margin:8px 0!important}.editor-review-item .editor-review-criterion{font-weight:600}
.editor-review-status{display:block;font-size:12px;line-height:1.6;margin-top:12px;font-weight:600}
.editor-review-field.review-missing :is(textarea,select){border-color:var(--review-red)!important}.editor-review-field.review-partial :is(textarea,select){border-color:var(--review-amber)!important}
.mixed-assessment .mixed-question-card.editor-review-field.review-missing{border-color:var(--review-red-line);border-left:4px solid var(--review-red)}
.review-missing .editor-review-item.item-state-1>strong{color:var(--review-amber)}

/* A small private notebook under the lesson navigation. */
.class-notes{margin-top:20px;padding-top:16px;border-top:1px solid var(--studio-line);color:var(--studio-ink)}
.class-notes summary{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.class-notes summary::-webkit-details-marker{display:none}.class-notes summary::after{content:'+';margin-left:auto;color:var(--studio-accent)}.class-notes[open] summary::after{content:'−'}
.class-notes textarea{width:100%;box-sizing:border-box;min-height:100px!important;padding:10px!important;font-size:14px!important;line-height:1.6;margin-top:12px;background:var(--studio-paper);color:var(--studio-ink);resize:vertical}
.class-notes small{display:block;margin-top:8px;font-size:11px!important;line-height:1.5}.class-notes [data-note-retry]{margin-top:8px!important;padding:6px 0!important;font-size:12px!important;color:var(--studio-accent)!important}.class-notes [hidden]{display:none!important}.class-notes summary:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}
@media(max-width:700px){.class-notes{margin-top:12px;padding-top:12px}.class-notes textarea{min-height:110px!important}}

/* The notebook expands the left column, keeping the lesson readable. */
.class-notes{padding:12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-paper)}
.class-notes .class-notes-caption{margin:12px 0 0;font-size:12px;color:var(--muted)}
.class-notes textarea{min-height:180px!important;border:1px solid var(--studio-line);border-radius:9px}
.class-notes-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.class-notes-actions button{font-size:12px;padding:6px 8px;border:1px solid var(--studio-line);border-radius:7px}.class-notes-actions button[disabled]{opacity:.5}
.case-index nav{gap:4px;margin:18px 0}.case-index [data-case-step]{padding:9px 10px}
@media(min-width:1000px){.case-layout:has(.class-notes[open]){grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:700px){.class-notes textarea{min-height:160px!important}.class-notes[open]{margin-bottom:16px}}

/* Career Path: routes, outline and a focused classroom. */
.cp-route-list{display:grid;gap:18px;margin-top:28px}.cp-route-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:24px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised,var(--surface));align-items:center}.cp-route-symbol{width:56px;height:56px;border-radius:16px;background:var(--studio-wash,var(--surface));color:var(--studio-accent,var(--ink));display:grid;place-items:center}.cp-route-symbol svg{width:28px;height:28px}.cp-route-info h2{font-size:23px;margin:7px 0 10px}.cp-route-info>p{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.6;max-width:64ch}.cp-route-info>small{color:var(--muted);font-size:12px}.cp-route-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.cp-route-actions .text-button{text-align:center}.cp-route-progress{max-width:580px;margin:18px 0}.cp-route-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:9px}.cp-route-progress progress{appearance:none;width:100%;height:6px;border:0;border-radius:6px;background:var(--line);overflow:hidden}.cp-route-progress progress::-webkit-progress-bar{background:var(--line)}.cp-route-progress progress::-webkit-progress-value{background:var(--studio-accent,#4cbf91);border-radius:6px}.cp-route-progress progress::-moz-progress-bar{background:var(--studio-accent,#4cbf91)}.cp-route-next{display:block;margin-top:14px}.cp-route-limit{font-size:12px;color:var(--muted);margin:20px 0}.cp-back{display:inline-block;margin-bottom:24px}.cp-course-header{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;padding:24px 0 36px;border-bottom:1px solid var(--line);align-items:center}.cp-course-header h1{max-width:24ch;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:10px 0 20px}.cp-course-header p{max-width:65ch;line-height:1.7;color:var(--muted)}.cp-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.cp-course-meta span{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:var(--muted)}.cp-course-action{display:flex;flex-direction:column;gap:14px}.cp-course-action small{text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.cp-course-outline{margin:32px 0}.cp-course-outline>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.cp-course-outline h2{font-size:22px}.cp-course-outline small{color:var(--muted);font-size:12px}.cp-course-outline>ol{list-style:none;padding:0;margin:24px 0}.cp-course-module{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line)}.cp-module-number{display:grid;place-items:center;align-self:start;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px}.cp-course-module.is-current .cp-module-number{background:var(--studio-wash,var(--surface));color:var(--studio-accent,var(--ink))}.cp-course-module summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}.cp-course-module summary::-webkit-details-marker{display:none}.cp-course-module summary h3{margin:6px 0;font-size:18px}.cp-module-body{max-width:72ch;padding-top:10px;line-height:1.7;color:var(--muted)}.cp-module-body p{margin:8px 0 16px}.cp-course-settings,.cp-course-settings>div{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.cp-course-settings{border-top:1px solid var(--line);padding:24px 0;margin-top:32px}.cp-course-settings label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.cp-course-settings select{max-width:300px}.cp-course-settings .cp-leave{color:var(--muted);font-size:13px}.cp-recommendations{margin-top:24px}.cp-recommendations>summary{cursor:pointer;color:var(--muted);font-size:14px}
/* Panels remain separate from the learning material. */
.case-studio .case-layout{display:block;max-width:1320px;margin:auto;padding-bottom:110px;box-sizing:border-box;transition:padding .15s ease}.case-studio .case-main{max-width:900px;margin:auto}.case-studio .case-index,.case-studio .case-dossier,.case-studio .case-notebook{position:fixed;z-index:70;top:100px;bottom:106px;width:350px;max-height:none;overflow:auto;padding:22px;box-sizing:border-box;border:1px solid var(--studio-line);border-radius:18px;background:var(--studio-paper);color:var(--studio-ink);box-shadow:0 12px 42px #0003}.case-studio .case-index{left:24px}.case-studio .case-dossier,.case-studio .case-notebook{right:24px;grid-column:auto}.case-studio [hidden]{display:none!important}.case-panel-close{display:block;margin:0 0 18px auto;border:1px solid var(--studio-line);background:transparent;color:var(--studio-ink);border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit;font-size:12px!important}.case-notebook>header{display:flex;justify-content:space-between;gap:16px;align-items:center}.case-notebook>header h2{font-size:22px!important;margin:0}.case-notebook .case-panel-close{margin:0}.case-notebook .class-notes{border:0;margin:12px 0;padding:0;background:transparent}.case-notebook .class-notes>summary{display:none}.case-notebook .class-notes textarea{min-height:300px!important;font-size:15px!important;padding:14px!important}.case-notebook .class-notes-actions button{background:transparent;color:var(--studio-ink);font:inherit;font-size:12px;padding:7px 10px;cursor:pointer}.case-controls{position:fixed;z-index:80;bottom:14px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1240px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-paper);color:var(--studio-ink);box-shadow:0 5px 30px #0002}.case-controls-location{display:grid;grid-template-columns:auto auto;gap:4px 14px;min-width:0}.case-controls-location>a{grid-column:1/-1;color:var(--muted);font-size:11px;text-decoration:none}.case-controls-location small{font-size:12px;color:var(--muted)}.case-controls-location strong{font-size:13px;font-weight:600}.case-control-actions{display:flex;gap:8px;align-items:center}.case-control-actions>button{font:inherit;font-size:12px;white-space:nowrap;padding:9px 12px;border:1px solid var(--studio-line);border-radius:9px;background:transparent;color:var(--studio-ink);cursor:pointer}.case-control-actions>button[aria-expanded=true]{background:var(--studio-wash);border-color:var(--studio-accent)}.case-control-actions>button:disabled{opacity:.45;cursor:default}.case-control-actions>button.primary{background:var(--studio-accent);color:var(--studio-accent-ink,#fff);border-color:var(--studio-accent);margin:0}.case-studio .case-step-next,.case-studio .case-panel #evaluate,.case-studio .case-panel #generate{display:none}.case-controls button:focus-visible,.case-panel-close:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}
@media(min-width:1200px){.case-layout[data-side-panel=notes],.case-layout[data-side-panel=file]{padding-right:375px}.case-layout[data-side-panel=steps]{padding-left:375px}}
@media(max-width:900px){.cp-route-card{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px}.cp-route-symbol{width:44px;height:44px}.cp-route-actions{grid-column:2;flex-direction:row;align-items:center}.cp-course-header{grid-template-columns:1fr;gap:18px}.cp-course-action{align-items:flex-start}.case-controls{width:calc(100% - 24px);padding:12px;gap:10px}.case-control-actions{gap:5px}.case-control-actions>button{padding:8px}.case-controls-location strong{display:none}}
@media(max-width:700px){.cp-route-card{grid-template-columns:1fr}.cp-route-symbol{display:none}.cp-route-actions{grid-column:1}.cp-route-info h2{font-size:21px}.cp-route-progress>div{flex-wrap:wrap}.cp-course-outline>header{align-items:flex-start;flex-direction:column;gap:0}.cp-course-settings{align-items:flex-start}.case-controls{flex-direction:column;align-items:stretch;bottom:8px;border-radius:12px}.case-controls-location{display:flex;justify-content:space-between;align-items:center}.case-controls-location>a{font-size:12px}.case-control-actions{justify-content:space-between;flex-wrap:wrap}.case-control-actions>button{font-size:11px;padding:8px}.case-studio .case-layout{padding-bottom:128px}.case-studio .case-index,.case-studio .case-dossier,.case-studio .case-notebook{left:12px;right:12px;top:76px;bottom:122px;width:auto;margin:0;border-radius:14px}.case-notebook .class-notes textarea{min-height:220px!important}}
@media(prefers-reduced-motion:reduce){.case-studio .case-layout{transition:none}}

.case-controls .button.primary{padding:9px 12px!important;font-size:12px!important}.case-main{scroll-margin-top:90px}.cp-section-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:24px 0}.cp-section-nav a{padding:12px 0;color:var(--muted);text-decoration:none;font-size:14px;border-bottom:2px solid transparent}.cp-section-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.cp-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.cp-heading h1{margin:8px 0 12px}.cp-heading p{color:var(--muted)}.cp-explore-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.cp-route-list .cp-start{padding:26px;border:1px solid var(--line);border-radius:16px}.cp-route-limit{color:var(--muted)}@media(max-width:700px){.case-controls .button.primary{font-size:11px!important;padding:8px!important}.cp-heading,.cp-explore-intro{align-items:flex-start;flex-direction:column}.cp-section-nav{gap:18px}.cp-section-nav a{font-size:13px}}

/* Private notebook across classes */
.cp-notebook{margin-top:24px}.cp-notebook-filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.cp-notebook-filters label{display:grid;gap:7px;flex:1;font-size:13px;font-weight:600}.cp-notebook-filters input,.cp-notebook-filters select{width:100%;min-height:44px;padding:10px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--card,#fff);color:inherit}.cp-note-group{margin-bottom:30px}.cp-note-group h2{font-size:18px;margin-bottom:14px}.cp-note-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-note-card{padding:22px;border:1px solid var(--line,#ddd);border-radius:16px;background:var(--card,#fff);box-shadow:0 4px 14px #00000005}.cp-note-card h3{font-size:17px;margin:0 0 12px}.cp-note-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:var(--muted,#666)}.cp-note-card footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px}.cp-note-card small{font-size:11px;color:var(--muted,#666)}.cp-note-empty{padding:32px;text-align:center;border:1px dashed var(--line,#ddd);border-radius:16px}.cp-notebook [data-notebook-editor]{max-width:850px;margin:auto}.cp-notebook [data-notebook-editor]>.eyebrow{margin-top:24px}.cp-notebook [data-notebook-editor] .class-notes{margin-top:20px;padding:24px;background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:16px}.cp-notebook [data-notebook-editor] .class-notes summary{display:none}.cp-notebook [data-notebook-editor] textarea{min-height:350px;width:100%;font:inherit;line-height:1.7;padding:16px;resize:vertical}.cp-notebook [hidden]{display:none!important}
@media(max-width:700px){.cp-notebook-filters{flex-direction:column;align-items:stretch}.cp-note-cards{grid-template-columns:1fr}.cp-note-card footer{flex-wrap:wrap}.cp-notebook [data-notebook-editor] .class-notes{padding:16px}}