:root{
  --paper:#fffbf6;--white:#fff;--ink:#162c4c;--muted:#626e80;--line:#dce4ee;
  --navy:#142a4c;--orange:#f49a52;--navy-soft:#edf2fa;--lavender:#e8eff9;--peach:#f8e8dd;--mint:#edf2fa;--blue:#e5eef5;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}
button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #c56a28;outline-offset:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;font-weight:600;letter-spacing:-.6px}h1{font-size:38px}h2{font-size:23px}h3{font-size:18px}p{margin-bottom:16px}h1 em,h2 em{font-family:var(--serif);font-weight:400}button:disabled{opacity:.55}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The persistent workspace */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fffdf9;border-right:1px solid var(--line);padding:32px 19px 22px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.5px;font-weight:750;white-space:nowrap}.brand-mark{background:var(--navy);color:var(--orange);width:42px;height:44px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.brand-mark svg{width:30px;height:30px;stroke-width:2}.brand-sub{display:block;font-weight:400;font-size:10px;letter-spacing:0;color:var(--muted)}.sidebar-label{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--muted);margin:42px 14px 12px}.nav-link{min-height:49px;display:flex;align-items:center;gap:12px;border-radius:9px;padding:12px 14px;margin:5px 0;color:var(--muted);font-size:14px;font-weight:500}.nav-link:hover{background:#f3f6fb}.nav-link.active{background:#ffecdc;color:var(--navy);font-weight:650}.nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:25px;background:var(--navy);border-radius:0 3px 3px 0}.nav-short{display:none}.sidebar-progress{border:1px solid var(--line);border-radius:12px;background:white;padding:15px;margin:32px 4px 0}.sidebar-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px}.sidebar-progress .bar{margin:12px 0}.sidebar-progress a{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.sidebar-progress svg{height:15px;width:15px}.sidebar-note{margin-top:auto;padding:35px 13px 26px}.sidebar-note p{font:20px/1.5 var(--serif);color:#3e5677;margin-bottom:10px}.sidebar-note .text-button{font-size:12px}.sidebar-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:18px 9px 0;font-size:11px;color:var(--muted)}.live-dot{width:6px;height:6px;background:#ed873c;border-radius:50%}.main-shell{margin-left:238px;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:15px;color:var(--muted);font-size:12px}.topbar .text-button{font-size:12px}main{max-width:1420px;padding:38px 42px 48px;margin:auto;min-height:calc(100vh - 160px)}main:focus{outline:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 42px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer .text-button{font-size:11px}
/* Shared controls and type */
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;font-size:14px;line-height:1.4;font-weight:600;border-radius:9px;text-align:center;text-decoration:none}
.primary{background:var(--orange);color:var(--navy);border:1px solid var(--orange);font-weight:700}.primary:hover{background:#ee873b;border-color:#ee873b}.primary.light{background:var(--orange);color:var(--navy);border-color:var(--orange)}.primary.light:hover{background:#ffb77d}.primary svg,.secondary svg{width:17px;height:17px}.secondary{background:white;border:1px solid #cfd8e4;color:var(--navy)}.secondary:hover{background:#edf2fa;border-color:#9badc4}.text-button{background:none;display:inline-flex;align-items:center;gap:8px;padding:4px 0;min-height:32px;color:var(--navy);font-size:13px;font-weight:550;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button svg{height:16px;width:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}.page-intro h1{margin:9px 0 13px}.page-intro p{max-width:680px;color:var(--muted);margin:0;font-size:15px}.page-intro>.secondary{flex-shrink:0}.page-count{font-size:12px;white-space:nowrap;color:var(--muted);padding:8px 13px;border:1px solid var(--line);border-radius:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 0 18px}.section-heading h2{margin-bottom:7px;font-size:23px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.section-heading>a{flex-shrink:0}.bar{height:6px;border-radius:10px;background:#e8edf5;overflow:hidden}.bar>span{display:block;height:100%;background:#ed873c;border-radius:10px}.track-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.lavender{background:var(--lavender);color:#244469}.peach{background:var(--peach);color:#965c3c}.mint{background:var(--mint);color:#244469}.blue{background:var(--blue);color:#456e8c}.pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;border-radius:5px;background:#edf2fa;color:#465e7d;padding:5px 8px;font-weight:550}.pill.done{background:#e6eef8;color:#244469}.pill.ongoing{background:#fff0e2;color:#8b4c21}.pill.stretch,.pill.missed{background:#faebdf;color:#855c37}.light-pill{background:#ffffff12;border:1px solid #ffffff30;border-radius:6px;padding:5px 9px;font-size:11px;color:#e6eef8;white-space:nowrap}
/* Overview */
.overview-intro h1{font-size:40px}.overview-intro h1 em{color:#c16626}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr);gap:22px}.start-card{position:relative;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:18px;padding:30px;display:flex;flex-direction:column;min-width:0}.start-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.start-card .eyebrow{color:#c6d3e5;font-size:10px}.start-card h2{font:34px/1.25 var(--serif);font-weight:400;letter-spacing:-.6px;margin:27px 0 12px;max-width:480px}.start-card>p{color:#d2dceb;font-size:15px;max-width:490px;margin-bottom:20px}.lesson-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#c6d3e5}.lesson-meta>span{display:flex;align-items:center;gap:6px}.lesson-meta svg{width:15px;height:15px}.start-bottom{margin-top:30px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.start-bottom>span{font-size:11px;color:#c6d3e5}.overview-progress{padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}.overview-count{font:57px/1.1 var(--serif);margin:21px 0 7px;letter-spacing:-2px}.overview-count>span{font-size:27px;color:#626e80;letter-spacing:0}.overview-progress>b{font-size:13px;font-weight:550}.overview-progress .bar{margin:18px 0}.overview-progress>p{font-size:13px;color:var(--muted);margin-bottom:13px}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.track-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px 19px 16px;text-align:left;display:flex;flex-direction:column;align-items:start;min-width:0;transition:transform .15s,border-color .15s}.track-card:hover{border-color:#eea26b;transform:translateY(-2px)}.track-card h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;margin:18px 0 9px}.track-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 21px}.track-card .bar{width:100%;margin-top:auto;height:4px}.track-card-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin-top:12px;font-size:11px;color:var(--muted)}.track-card-bottom svg{width:16px;height:16px;color:var(--navy)}.practice-banner{display:flex;align-items:center;gap:18px;background:#fff0e2;border:1px solid #e9ddd1;border-radius:14px;padding:23px;margin-top:28px}.practice-banner h3{font-size:17px;margin:0 0 5px}.practice-banner p{font-size:13px;margin:0;color:var(--muted)}.practice-banner>.secondary{margin-left:auto;flex-shrink:0}.method-guide{margin-top:24px;border-top:1px solid var(--line);padding-top:10px}.method-guide>summary{font-size:13px;font-weight:600;padding:13px 0;cursor:pointer}.method-guide>summary>span{font-size:11px;float:right;color:var(--muted);font-weight:400}.method-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:14px 0}.method-item{display:flex;gap:10px;align-items:start}.method-item>span{font-size:12px;color:#626e80}.method-item b{font-size:12px}.method-item p{font-size:12px;color:var(--muted);margin:5px 0 0}
/* Search and lesson catalogue */
.catalogue-tools{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.search-and-selects{display:grid;grid-template-columns:minmax(190px,1fr) 155px 160px;gap:16px;align-items:end}.search-field{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #cfd8e4;border-radius:9px;background:#fffaf4;padding:0 15px;min-height:49px;color:var(--muted)}.search-field:focus-within{outline:2px solid #244469;outline-offset:2px}.search-field input{font-size:15px;min-width:0;width:100%;border:0;background:transparent;outline:none!important;min-height:47px;color:var(--ink)}.search-field input::placeholder{color:#626e80}.search-field svg{width:19px;height:19px}.select-field{font-size:11px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;gap:6px}select{border:1px solid #cfd8e4;border-radius:8px;min-height:49px;padding:10px 13px;background:#fff;font-size:14px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}.filter{background:white;border:1px solid var(--line);border-radius:7px;min-height:40px;padding:8px 13px;font-size:12px;color:#465e7d;font-weight:550}.filter:hover{background:#fff0e2}.filter.active{color:#fff;background:var(--navy);border-color:var(--navy)}.results-header{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;color:var(--muted);margin:18px 0}.results-header .text-button{font-size:12px}.lesson-group+.lesson-group{margin-top:30px}.group-heading{display:flex;align-items:baseline;gap:13px;margin:0 0 14px;flex-wrap:wrap}.group-heading h2{font-size:19px;margin:0}.group-heading>span{font-size:12px;color:var(--muted)}.lesson-list{display:grid;gap:11px}.lesson-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;background:white;border:1px solid var(--line);border-radius:13px}.lesson-row h3{font-size:17px;margin:7px 0 6px}.lesson-row p{color:var(--muted);font-size:13px;margin:0}.lesson-row>button{min-width:114px}.empty-state{text-align:center;padding:38px 24px}.empty-state>svg{width:32px;height:32px;color:#657a96;margin-bottom:13px}.empty-state h3{font-size:19px}.empty-state p{color:var(--muted);font-size:14px}.empty-state .secondary{margin-top:5px}
/* Guided practice */
.back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);min-height:36px}.back-link:hover{color:var(--navy)}.back-link svg{width:17px;height:17px}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.save-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.save-status svg{width:14px;height:14px}.lesson-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-title h1{font-size:30px;margin:9px 0 0}.lesson-title>a{flex-shrink:0;font-size:12px;min-height:41px}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0}.step{display:flex;align-items:center;gap:9px;border-bottom:2px solid #dce4ee;padding:12px 0 14px;color:#626e80;background:transparent;text-align:left;font-size:12px;line-height:1.5}.step-number{width:27px;height:27px;border:1px solid #d4deea;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:600}.step-number svg{width:15px;height:15px}.step.active{border-color:var(--navy);color:var(--navy);font-weight:650}.step.active .step-number{background:var(--navy);border-color:var(--navy);color:white}.step.done{border-color:#aabbce;color:#465e7d}.step.done .step-number{background:#e6eef8;border-color:#c6d5e6}.step:disabled{opacity:.72}.learning-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:23px;align-items:start}.scenario{border:1px solid var(--line);border-radius:15px;background:white;min-width:0;overflow:hidden}.scenario>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.scenario>summary::-webkit-details-marker{display:none}.scenario>summary>span:first-child{display:flex;align-items:center;gap:8px}.scenario>summary svg{width:18px;height:18px}.collapse-label{font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}.scenario[open]>summary{border-bottom:1px solid var(--line)}.scenario-body{padding:23px}.context-caption{font-size:12px;color:var(--muted);margin-bottom:20px}.scenario-text{font-size:15px;line-height:1.95;white-space:pre-line}.reading .scenario-text{max-height:560px;overflow-y:auto;padding-right:12px;scrollbar-width:thin}.code{background:#f3f6fb;border:1px solid #e1e7f0;border-radius:9px;padding:17px;font:14px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0}.jump-question{margin-top:18px;font-size:12px}.question-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px}.question-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.question-heading .eyebrow{font-size:10px;letter-spacing:.8px}.question-card h2,.question-card h3{font-size:21px;line-height:1.55;letter-spacing:-.35px;margin:17px 0}.answer-instruction{font-size:12px;color:var(--muted);margin:0 0 19px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:13px;min-height:57px;width:100%;text-align:left;border:1px solid #d4deea;border-radius:9px;background:white;padding:14px;font-size:14px;line-height:1.6}.option:hover:not(:disabled){background:#f7f9fc;border-color:#9bb0c8}.option-key{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d4deea;border-radius:6px;font-size:11px;color:#626e80;flex-shrink:0}.option.correct{background:#edf2fa;border-color:#8da6c3;color:#244469}.option.correct .option-key{background:#d9e6f6;border-color:#c6d5e6}.option.wrong{background:#fff5eb;border-color:#c49573}.option.selected{background:#edf2fa;border:2px solid var(--navy);padding:13px}.option:disabled{opacity:1}.feedback{border-radius:10px;background:#edf2fa;color:#244469;padding:17px 18px;font-size:14px;line-height:1.75;margin-top:20px}.feedback b{font-size:13px;display:flex;align-items:center;gap:7px;margin-bottom:8px}.feedback b svg{width:17px;height:17px}.feedback p{margin:0}.feedback.incorrect{background:#fff1e6;color:#7d5132}.feedback-prompt{font-size:12px;display:block;margin-top:8px}.hint{background:#fff2df;color:#71613d;padding:16px 18px;border-radius:9px;margin-top:13px;font-size:14px;line-height:1.75}.hint .eyebrow{color:#827044;font-size:10px;margin-bottom:5px}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:22px}.question-actions>.small{font-size:12px;flex:1;min-width:120px}.question-actions .primary{margin-left:auto}.hint-button:disabled{opacity:.55}.help-row{font-size:12px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:13px;color:var(--muted)}.help-row .text-button{font-size:12px}.reflection{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}.reflection>summary{cursor:pointer;padding:14px 0;font-size:13px;color:#3e5677;font-weight:550}.reflection>summary>span{float:right;font-size:11px;font-weight:400;color:var(--muted)}.reflection textarea{width:100%;background:#fffaf4;border:1px solid #d4deea;border-radius:8px;min-height:104px;resize:vertical;line-height:1.7;padding:13px;font-size:15px}.reflection .question-side-note{margin:6px 0 0}.question-side-note{font-size:12px;line-height:1.75;color:var(--muted);margin:18px 0 0}.question-side-note .text-button{font-size:12px}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px;color:var(--muted)}.lesson-bottom>span{display:flex;gap:7px;align-items:center}.lesson-bottom svg{width:15px;height:15px}.transfer-layout{display:block;max-width:790px;margin:auto}.transfer-layout .question-card{padding:32px}.transfer-layout+.lesson-bottom{max-width:790px;margin:20px auto 0}
/* Cues */
.cue-search{max-width:600px;background:white}.cue-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cue-card{background:white;border:1px solid var(--line);border-radius:15px;padding:25px;display:flex;flex-direction:column;min-width:0}.cue-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.bookmark{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#f3f6fb;color:#626e80}.bookmark.saved{background:#ffe9d6;color:#244469}.bookmark.saved svg{fill:#24446920}.bookmark svg{height:18px;width:18px}.cue-card h2{font-size:20px;margin:0 0 23px}.cue-card .eyebrow{font-size:10px;margin-bottom:8px}.cue-card p{font-size:14px;line-height:1.75;margin-bottom:15px}.cue-question{background:#fff3e7;border-left:3px solid #ed873c;border-radius:0 8px 8px 0;padding:16px 18px;font:20px/1.5 var(--serif);color:#244469;margin:3px 0 24px}.cue-question>span{display:block;font:9px var(--sans);letter-spacing:1.2px;font-weight:650;color:#626e80;margin-bottom:9px}.cue-card details{margin:auto 0 16px;font-size:12px;color:var(--muted)}.cue-card summary{cursor:pointer;padding:8px 0;font-size:12px;color:#6d6447}.cue-card details p{font-size:13px;margin:7px 0 0}.cue-foot{border-top:1px solid var(--line);padding-top:12px}.cue-foot .text-button{font-size:13px}
/* Mixed practice and review */
.sprint-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:stretch}.sprint-art{background:var(--navy);color:white;border-radius:17px;padding:34px;display:flex;flex-direction:column;justify-content:center}.sprint-art .eyebrow{color:#c6d3e5}.sprint-art h2{font-size:39px;font-weight:500;line-height:1.22;margin:28px 0}.sprint-art h2 em{color:var(--orange)}.sprint-facts{display:flex;gap:38px;margin:8px 0 25px}.sprint-facts b{font:40px var(--serif);display:block}.sprint-facts span{font-size:12px;color:#c6d3e5}.sprint-art>p{font-size:14px;color:#d2dceb;max-width:360px;margin:0;line-height:1.8}.sprint-options{padding:29px}.sprint-options h2{margin:0 0 13px}.sprint-options p{color:var(--muted);font-size:14px}.sprint-options label{display:block;font-size:12px;font-weight:600;margin:23px 0 8px}.sprint-options select{width:100%;font-size:14px}.sprint-points{list-style:none;padding:0;margin:23px 0}.sprint-points li{display:flex;align-items:start;gap:9px;font-size:13px;color:var(--muted);margin:13px 0}.sprint-points svg{width:17px;height:17px;color:#b85e20;margin-top:2px}.sprint-options>.primary{width:100%}.sprint-options .question-side-note{font-size:11px}.sprint-question{max-width:800px;margin:5px auto}.sprint-controls{display:flex;align-items:center;gap:13px}.timer{font:18px ui-monospace,monospace;background:#edf2fa;border-radius:8px;padding:10px 14px;min-width:89px;text-align:center;color:#244469}.timer.urgent{color:#954a24;background:#ffecdd}.sprint-controls .secondary{font-size:12px;min-height:41px}.sprint-progress{height:5px;background:#e8edf5;border-radius:8px;margin:21px 0 25px;overflow:hidden}.sprint-progress>span{display:block;height:100%;background:#ed873c}.sprint-question .question-card{padding:32px}.sprint-question .question-card h1{font-size:23px;line-height:1.65;margin:22px 0 28px}.paused-round .sprint-question .question-card{visibility:hidden}.review-list{display:grid;gap:13px;margin-top:21px}.review-item{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.review-item>summary{list-style:none;padding:20px 23px;cursor:pointer;display:block}.review-item>summary::-webkit-details-marker{display:none}.review-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.review-meta .eyebrow{font-size:10px}.review-preview{display:block;font-size:14px;margin:10px 0;line-height:1.7}.review-toggle{font-size:11px;color:#465e7d}.review-toggle:after{content:' +';font-size:15px}.review-item[open] .review-toggle:after{content:' −'}.review-content{padding:23px;border-top:1px solid var(--line)}.review-content h3{font-size:16px;line-height:1.8}.review-content p{font-size:14px;line-height:1.8;color:var(--muted);margin:9px 0}.review-content .note-inset{margin:17px 0}.review-content>.text-button{font-size:12px}
/* Completion and progress */
.complete-layout{max-width:820px;margin:auto}.complete-hero{text-align:center;padding:14px 0 28px}.completion-symbol{width:64px;height:64px;border-radius:50%;background:#ffe9d6;color:#465e7d;display:grid;place-items:center;margin:0 auto 22px}.completion-symbol svg{width:28px;height:28px}.complete-hero h1{font-size:36px;margin:13px 0}.complete-hero p{font-size:15px;color:var(--muted);margin-bottom:0}.score-strip{display:flex;justify-content:center;gap:40px;text-align:center;border-block:1px solid var(--line);padding:23px 0}.score-strip b{font:29px/1.4 var(--serif);display:block}.score-strip span{font-size:12px;color:var(--muted)}.takeaway-card{background:white;border:1px solid var(--line);border-radius:15px;padding:28px;margin:25px 0}.takeaway-card h3{font-size:22px;line-height:1.4;margin:12px 0 23px}.takeaway-row{display:grid;grid-template-columns:85px 1fr;gap:18px;margin:20px 0;font-size:14px;line-height:1.75}.takeaway-row>b{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);padding-top:3px}.takeaway-row p{margin:0}.takeaway-card .secondary{font-size:12px;margin-top:8px}.completion-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:29px}.note-inset{border-radius:10px;background:#edf2fa;padding:18px 20px;color:#465e7d;font-size:13px;line-height:1.8}.note-inset>b{display:block;margin-bottom:5px;color:#244469}.progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.stat-number{font:46px/1.2 var(--serif);margin:18px 0 7px}.stat-card p{font-size:12px;color:var(--muted);margin:0}.progress-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.progress-panel{background:white;border:1px solid var(--line);border-radius:15px;padding:27px}.progress-panel h3{font-size:19px;margin-bottom:28px}.progress-domain{margin:23px 0}.progress-skill{text-decoration:underline;text-underline-offset:3px}.progress-domain>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:10px}.callout{background:#edf2fa;color:#465e7d;padding:18px 20px;border-radius:10px;font-size:13px;line-height:1.8}.activity-item{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.activity-item:last-child{border-bottom:0}.activity-item svg{width:17px;height:17px;margin-top:3px;color:#b85e20}.activity-item b{display:block;font-size:13px;font-weight:550}.activity-item span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.data-note{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:27px 0 0;color:var(--muted);font-size:12px}.data-note>span{max-width:560px}.data-note button{font-size:12px}
/* Dialogs and notifications */
dialog{border:1px solid var(--line);border-radius:17px;padding:32px;width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 48px);overflow:auto;color:var(--ink);box-shadow:0 20px 80px #142a4c25}dialog::backdrop{background:#142a4c80;backdrop-filter:blur(4px)}.dialog-title{font:30px/1.3 var(--serif);margin:17px 0}.dialog-copy{font-size:14px;line-height:1.85;color:var(--muted)}.dialog-copy p{margin:15px 0}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.danger{color:#9a4e34;border-color:#d6ab98}.paused-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:12px;background:#edf2fa;color:var(--navy)}.toast{position:fixed;bottom:26px;left:calc(50% + 119px);transform:translateX(-50%) translateY(180px);background:var(--navy);border:1px solid #667b99;color:#fff;box-shadow:0 5px 25px #142a4c20;border-radius:10px;padding:14px 22px;z-index:90;max-width:min(530px,90vw);font-size:13px;pointer-events:none;transition:transform .18s}.toast.visible{transform:translateX(-50%) translateY(0)}.skip-link{position:fixed;top:-80px;left:16px;background:#fff;color:var(--navy);padding:12px 18px;z-index:100}.skip-link:focus{top:13px}.noscript{position:fixed;left:16px;bottom:18px;z-index:80;background:#fff;padding:20px;border:1px solid var(--line)}
/* A readable layout at every size */
@media(min-width:1550px){main{padding-top:46px}.start-card{padding:34px}.start-card h2{font-size:38px}.track-card{padding:25px}.track-card h3{font-size:18px}.track-card p{font-size:14px}}
@media(max-width:1200px){.sidebar{width:212px;padding-inline:15px}.main-shell{margin-left:212px}.brand{font-size:16px}.brand-sub{font-size:9px}.brand-mark{width:37px;height:41px}.topbar{padding-inline:28px}main{padding:30px 28px 42px}footer{padding-inline:28px}.overview-intro h1{font-size:35px}.overview-intro .secondary{display:none}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card h3{margin-top:13px}.track-card p{margin-bottom:19px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(205px,1fr);gap:18px}.start-card{padding:24px}.start-card h2{font-size:30px}.start-bottom{gap:12px}.overview-progress{padding:23px}.search-and-selects{grid-template-columns:1fr 1fr}.search-and-selects .search-field{grid-column:1/-1}.learning-layout{grid-template-columns:1fr}.reading .scenario-text{max-height:420px}.lesson-title h1{font-size:27px}.question-card{padding:28px}.progress-layout{grid-template-columns:1fr}.progress-stats{gap:13px}.stat-card{padding:21px}.sprint-intro{grid-template-columns:1fr 1.1fr;gap:18px}.sprint-art{padding:25px}.sprint-art h2{font-size:34px}.sprint-options{padding:24px}.practice-banner{flex-wrap:wrap}.practice-banner>.secondary{margin-left:62px}.method-strip{grid-template-columns:1fr 1fr}.toast{left:calc(50% + 106px)}.cue-grid{grid-template-columns:1fr}.step{font-size:11px;gap:7px}.lesson-row{gap:14px;padding:19px}.lesson-row h3{font-size:16px}.lesson-row>button{padding:11px 14px;min-width:100px;font-size:12px}}
@media(max-width:950px){.overview-grid{grid-template-columns:1fr}.overview-progress{display:grid;grid-template-columns:90px 1fr;gap:5px 20px;padding:23px}.overview-progress>.eyebrow{grid-column:1/-1}.overview-count{grid-column:1;grid-row:2/5;margin:7px 0;font-size:43px;align-self:center}.overview-count>span{font-size:23px}.overview-progress>b{grid-column:2;margin-top:8px}.overview-progress .bar{grid-column:2;margin:9px 0}.overview-progress>p{grid-column:2;margin:0;font-size:12px}.overview-progress>a{grid-column:2;font-size:12px}.sprint-intro{grid-template-columns:1fr}.sprint-art{padding:28px}.sprint-art h2{font-size:32px;margin:20px 0}.sprint-art h2 br{display:none}.sprint-facts{margin:0 0 18px}.sprint-facts b{font-size:31px}.page-intro h1{font-size:32px}.page-count{display:none}.lesson-row{grid-template-columns:40px 1fr}.lesson-row>button{grid-column:2;justify-self:start}.lesson-row>.track-icon{align-self:start}.progress-stats{grid-template-columns:1fr}.stat-card{display:grid;grid-template-columns:1fr auto;gap:5px 16px}.stat-card .stat-number{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:38px}.stat-card p{font-size:12px}.step{flex-direction:column;align-items:start;font-size:12px;gap:7px}.lesson-title>.secondary{font-size:11px;padding:10px}.lesson-title h1{font-size:25px}.method-guide>summary>span{display:none}}
@media(max-width:760px){.sidebar{position:static;width:100%;overflow:visible;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand-mark{width:37px;height:40px}.brand-sub{font-size:9px}.sidebar-label,.sidebar-progress,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffdf9f5;backdrop-filter:blur(12px);border-top:1px solid #d4deea;z-index:40;padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.nav-link{flex-direction:column;gap:4px;padding:9px 2px 7px;margin:0;border-radius:8px;font-size:11px;min-height:58px}.nav-long{display:none}.nav-short{display:block}.nav-link svg{width:20px;height:20px}.nav-link.active:before{display:none}.main-shell{margin-left:0}.topbar{height:51px;padding:0 21px;font-size:11px}.topbar .text-button{font-size:11px;min-height:40px}main{padding:27px 21px 34px;min-height:calc(100vh - 280px)}footer{padding:20px 21px calc(95px + env(safe-area-inset-bottom));font-size:10px;align-items:start;gap:12px}footer>span{max-width:210px}footer .text-button{font-size:10px;white-space:nowrap;min-height:24px}.page-intro{margin-bottom:24px;gap:15px}.page-intro h1{font-size:32px;letter-spacing:-1px}.page-intro p{font-size:14px}.overview-intro h1{font-size:34px}.start-card{padding:26px}.start-card h2{font-size:33px;margin-top:24px}.start-card>p{font-size:14px}.start-meta .eyebrow{font-size:9px}.start-bottom{margin-top:24px}.overview-grid{gap:16px}.overview-progress{padding:20px 23px}.section-heading{margin-top:29px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.section-heading .text-button{font-size:11px}.track-grid{gap:13px}.track-card{padding:19px}.track-card h3{font-size:16px}.track-card p{font-size:13px}.practice-banner{padding:21px;margin-top:23px}.practice-banner h3{font-size:16px}.practice-banner>div{flex:1;min-width:150px}.practice-banner .track-icon{width:37px;height:40px}.practice-banner>.secondary{margin-left:55px}.method-guide{margin-top:22px}.method-strip{gap:17px}.catalogue-tools{padding:17px}.filter-row{gap:7px;margin-top:16px}.filter{min-height:42px;padding:8px 11px;font-size:11px}.search-field input{font-size:16px}.search-and-selects{gap:13px}.select-field select{font-size:14px}.group-heading{gap:6px 12px}.group-heading h2{font-size:18px}.group-heading>span{font-size:11px}.lesson-row{padding:20px;gap:11px 15px}.lesson-row p{font-size:13px}.lesson-row>button{font-size:13px}.pills{font-size:11px}.save-status{font-size:10px}.lesson-top{margin-bottom:16px}.lesson-title h1{font-size:26px;line-height:1.35}.lesson-title .eyebrow{font-size:9px;letter-spacing:.8px}.lesson-title>.secondary{display:none}.stepper{gap:9px;margin:22px 0}.step{font-size:11px;line-height:1.4;padding:9px 0 13px;min-width:0}.step-number{width:25px;height:25px;font-size:10px}.learning-layout{gap:18px}.scenario>summary{padding:18px 21px;font-size:13px}.scenario-body{padding:21px}.scenario-text{font-size:15px;line-height:1.9}.reading .scenario-text{max-height:none;overflow:visible;padding-right:0}.context-caption{font-size:11px}.question-card,.transfer-layout .question-card{padding:23px 21px}.question-heading .eyebrow{font-size:9px}.question-heading .pill{font-size:10px}.question-card h2{font-size:20px}.option{font-size:14px;padding:13px;gap:11px}.feedback,.hint{font-size:14px}.question-actions{gap:13px}.question-actions>.small{font-size:11px}.reflection textarea{font-size:16px}.lesson-bottom{align-items:start;flex-wrap:wrap;font-size:11px}.lesson-bottom .text-button{font-size:12px}.cue-grid{gap:16px}.cue-card{padding:23px}.cue-card h2{font-size:20px}.cue-search{max-width:none}.sprint-art{padding:27px}.sprint-art h2{font-size:34px}.sprint-options{padding:24px}.sprint-options h2{font-size:23px}.sprint-options select{font-size:15px}.sprint-question .question-card{padding:25px 21px}.sprint-question .question-card h1{font-size:21px}.sprint-controls{gap:9px}.sprint-controls .secondary{padding:9px 11px}.timer{font-size:15px;min-width:73px;padding:10px}.complete-hero h1{font-size:30px}.complete-hero p{font-size:14px}.score-strip{gap:22px}.score-strip b{font-size:26px}.score-strip span{font-size:11px}.takeaway-card{padding:24px}.takeaway-card h3{font-size:21px}.takeaway-row{grid-template-columns:70px 1fr;gap:12px}.note-inset{font-size:13px}.progress-panel{padding:24px}.review-item>summary,.review-content{padding:20px}.review-meta .eyebrow{font-size:9px}.data-note{font-size:11px}.data-note>div{flex-wrap:wrap}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));font-size:12px;width:max-content;max-width:90vw}.dialog-title{font-size:28px}dialog{padding:27px}.dialog-copy{font-size:14px}}
@media(max-width:430px){main{padding-inline:17px}.sidebar{padding-inline:17px}.topbar{padding-inline:17px}.page-intro h1{font-size:30px}.overview-intro h1{font-size:32px}.start-card{padding:23px}.start-meta{gap:10px}.start-meta .eyebrow{font-size:9px;max-width:160px}.light-pill{font-size:10px}.start-card h2{font-size:31px}.start-bottom{gap:10px}.start-bottom .primary{width:100%}.start-bottom>span{font-size:11px;width:100%;text-align:center}.overview-progress{grid-template-columns:76px 1fr;gap:4px 12px;padding:20px}.overview-count{font-size:38px}.overview-count>span{font-size:20px}.track-grid{grid-template-columns:1fr}.track-card{display:grid;grid-template-columns:42px 1fr;gap:0 15px;padding:19px}.track-card>.track-icon{grid-row:1/3;width:42px;height:42px}.track-card h3{margin:0 0 7px;font-size:16px}.track-card p{grid-column:2;margin:0 0 16px;font-size:13px}.track-card .bar{grid-column:2}.track-card-bottom{grid-column:2;font-size:11px}.section-heading{align-items:center}.section-heading h2{font-size:20px}.section-heading p{max-width:210px}.section-heading .text-button{font-size:10px;gap:4px}.section-heading .text-button svg{width:14px}.practice-banner{gap:13px;padding:18px}.practice-banner>.secondary{margin-left:0;width:100%}.lesson-row{padding:18px;grid-template-columns:32px 1fr;gap:11px 12px}.lesson-row .track-icon{width:32px;height:36px;border-radius:8px}.lesson-row .track-icon svg{width:18px}.lesson-row h3{font-size:16px}.lesson-row>button{width:100%}.lesson-title h1{font-size:25px}.stepper{gap:7px}.step{font-size:10px}.question-card,.transfer-layout .question-card{padding:21px 17px}.option{font-size:14px;padding:12px 10px;gap:9px}.option-key{width:24px;height:25px}.option.selected{padding:11px 9px}.question-actions>.small{min-width:100%;margin-bottom:0}.question-actions>.primary{width:100%}.lesson-top .back-link{font-size:12px}.save-status{max-width:165px;text-align:right;font-size:10px;line-height:1.5}.takeaway-row{grid-template-columns:1fr;gap:4px}.completion-actions>*{width:100%}.score-strip{gap:16px}.score-strip b{font-size:24px}.score-strip span{font-size:10px}.review-meta{gap:8px}.review-meta .eyebrow{font-size:8px}.sprint-controls .secondary{font-size:11px}.sprint-controls .secondary svg{width:15px}.sprint-question .lesson-top .eyebrow{font-size:10px}.sprint-facts{gap:30px}.search-and-selects{gap:12px}.select-field select{padding-inline:9px;font-size:13px}.filter{padding-inline:9px}.dialog-actions>*{width:100%}.topbar{font-size:10px}.topbar .text-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Skill-first practice: navy, orange and warm open space. */
.skills-welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 25px}.skills-welcome .eyebrow{color:#9a5629;font-size:10px;letter-spacing:1.6px}.skills-welcome h1{font-size:38px;letter-spacing:-1.4px;margin:10px 0 11px;font-weight:650}.skills-welcome h1 em{color:#b45820;font-family:var(--serif);font-weight:400}.skills-welcome p{font-size:14px;color:var(--muted);margin:0}.welcome-count{font-size:11px;color:#8b4c21;background:#fff0e2;border:1px solid #f0d8c2;border-radius:12px;padding:12px 17px;line-height:1.8;white-space:nowrap}.welcome-count b{font-size:11px;font-weight:500;color:#657083}.skills-first-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skill-choice{background:#fff;border:1px solid #dce4ee;border-radius:18px;text-align:left;padding:25px;min-width:0;box-shadow:0 3px 12px #142a4c04;display:flex;flex-direction:column;align-items:start;transition:transform .16s,border-color .16s,box-shadow .16s}.skill-choice:hover{border-color:#ed873c;box-shadow:0 7px 24px #142a4c09;transform:translateY(-2px)}.skill-choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}.skill-art{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:var(--navy);color:#ffb67b;flex-shrink:0}.skill-art svg{height:26px;width:26px;stroke-width:1.8}.skill-choice:nth-child(2) .skill-art,.skill-choice:nth-child(3) .skill-art{background:#ffecdc;color:#a74e16}.skill-count{background:#f1f5fa;color:#516888;border-radius:7px;font-size:11px;font-weight:600;padding:5px 9px}.skill-choice h2{font-size:24px;margin:18px 0 9px;letter-spacing:-.6px}.skill-choice p{font-size:14px;color:#626e80;margin:0 0 13px;line-height:1.7}.skill-topics{font-size:11px;color:#6a7689;line-height:1.7;margin-bottom:20px}.skill-choice-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-top:auto;margin-bottom:14px}.skill-choice-bottom>span:first-child{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px}.skill-choice-bottom svg{height:17px;width:17px;color:#b85e20}.skill-completion{font-size:11px;color:#68758a}.skill-choice>.bar{width:100%;height:4px}.welcome-next{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:27px}.next-nudge,.mixed-nudge{border-radius:14px;display:flex;align-items:center;gap:15px;padding:22px;border:1px solid #e9ddd1;background:#fff5eb;flex-wrap:wrap}.next-nudge>div,.mixed-nudge>div{flex:1;min-width:180px}.next-nudge .eyebrow{font-size:9px;letter-spacing:.8px;color:#8b592f}.next-nudge h3,.mixed-nudge h3{font-size:16px;line-height:1.5;margin:4px 0}.next-nudge p,.mixed-nudge p{font-size:12px;color:var(--muted);margin:0}.next-nudge>.secondary,.mixed-nudge>.secondary{font-size:12px;min-height:41px;padding:10px 14px}.mixed-nudge{background:#edf2f9;border-color:#dce4ee}.friendly-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 0;color:var(--muted);font-size:11px}.friendly-footer>span{display:flex;align-items:center;gap:7px}.friendly-footer svg{width:16px;height:16px;color:#a85a25}.friendly-footer .text-button{font-size:11px}.nav-link.active{color:var(--navy);background:#ffecdc}.nav-link.active:before{background:#ee873b}.brand-sub{color:#67758b}.sidebar-note p{color:#244469}.sidebar-label{font-size:9px;letter-spacing:1.1px}.sidebar-progress{box-shadow:none}.sidebar-note{padding-top:25px}.sidebar-bottom{font-size:10px}.topbar{background:#fffdf9}.primary:focus-visible{outline-color:var(--navy)}
/* A path with fifty usable tasks, in ten-task stages. */
.skill-intro{display:flex;gap:19px;align-items:center;margin:15px 0 24px}.skill-intro>.skill-art{width:62px;height:62px;border-radius:18px}.skill-intro h1{font-size:34px;margin:7px 0 8px}.skill-intro p{margin:0;color:var(--muted);font-size:14px}.skill-progress{display:flex;flex-direction:column;align-items:end;margin-left:auto;white-space:nowrap}.skill-progress>b{font:39px/1.3 var(--serif);color:var(--navy)}.skill-progress>b>span{font:20px var(--sans);color:#8592a4}.skill-progress>span{font-size:11px;color:var(--muted)}.skill-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 23px;border-radius:13px;background:#fff0e2;border:1px solid #f0d8c2}.skill-start>div{display:flex;flex-direction:column;gap:5px}.skill-start b{font-size:14px}.skill-start span{font-size:12px;color:#73624f}.skill-start>.primary{flex-shrink:0;font-size:13px}.path-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 16px}.path-heading h2{font-size:21px;margin:0}.path-heading .text-button{font-size:12px}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.stage-card{display:flex;flex-direction:column;gap:9px;text-align:left;background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:16px 14px;min-width:0}.stage-card:hover{border-color:#e7a16c}.stage-card.active{border-color:var(--navy);background:#eef3fa;box-shadow:inset 0 0 0 1px var(--navy)}.stage-card>span:first-child{font-size:9px;letter-spacing:1px;color:#677d9b;font-weight:650}.stage-card>b{font-size:13px;line-height:1.5;font-weight:600;min-height:39px}.stage-card>span:nth-child(3){font-size:10px;color:#66778b}.stage-card>.bar{height:3px;margin-top:3px}.task-toolbar{display:grid;grid-template-columns:1fr 200px;gap:15px;margin-top:26px}.task-toolbar .search-field{background:#fff}.task-toolbar select{width:100%}.exercise-list{display:grid;gap:10px}.exercise-row{display:grid;grid-template-columns:33px minmax(0,1fr) auto;gap:17px;align-items:center;border:1px solid #dce4ee;border-radius:12px;padding:19px 21px;background:#fff}.exercise-number{font:24px var(--serif);color:#9a642f;align-self:center}.exercise-row h3{font-size:16px;line-height:1.5;margin:7px 0 0;letter-spacing:-.2px}.exercise-row .pills{font-size:11px;gap:7px}.exercise-row .pill{font-size:10px}.exercise-row>button{font-size:12px;min-height:41px;min-width:93px;padding:10px 14px}.pill.challenge{background:#e9eef7;color:#344f76}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;font-size:12px;color:var(--muted)}.pagination .secondary{min-height:40px;font-size:12px}.skill-guides{margin-top:30px;border:1px solid #dce4ee;border-radius:13px;background:#f4f7fb;padding:0 21px}.skill-guides>summary{cursor:pointer;font-size:14px;font-weight:550;padding:20px 0;display:flex;align-items:center;gap:10px}.skill-guides>summary::-webkit-details-marker{display:none}.skill-guides>summary>span{margin-left:auto;font-size:11px;color:var(--muted);font-weight:400}.skill-guides>summary:after{content:'+';font-size:18px;color:#a96530}.skill-guides[open]>summary:after{content:'−'}.skill-guides>.lesson-list{margin:0 0 21px}.skill-guides .lesson-row{padding:17px}.skill-guides .lesson-row h3{font-size:15px}.skill-guides .lesson-row p{font-size:12px}
/* The task and its thinking are deliberately distinct. */
.exercise-topic{color:#6b7c94;font-size:12px;margin:12px 0 25px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.exercise-layout{max-width:820px;margin:auto}.exercise-layout.exercise-reading{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;align-items:start}.exercise-layout .question-card{padding:29px}.exercise-context{background:#f5f7fb;border:1px solid #e4eaf3;border-radius:11px;padding:19px 20px;margin:16px 0 22px}.exercise-context .scenario-text{font-size:15px;line-height:1.9}.exercise-layout .question-card h2{margin:14px 0 18px;font-size:22px}.exercise-layout .question-card .eyebrow{font-size:10px;letter-spacing:1px}.exercise-layout .feedback{margin-top:22px}.exercise-reading .reading .scenario-text{max-height:650px;font-size:15px}.thinking-breakdown{margin-top:23px;border:1px solid #e9ddd1;background:#fff9f2;border-radius:11px;padding:20px}.thinking-breakdown h3{font-size:16px;margin:0 0 19px}.thinking-breakdown>div{display:flex;gap:11px;margin:15px 0}.thinking-breakdown>div:last-child{margin-bottom:0}.thinking-breakdown>div>span{display:grid;place-items:center;background:#ffecd9;color:#97531f;width:28px;height:28px;border-radius:7px;flex-shrink:0}.thinking-breakdown svg{width:15px;height:15px}.thinking-breakdown p{font-size:13px;line-height:1.8;color:#5e6b7c;margin:0}.thinking-breakdown p>b{display:block;color:var(--navy);font-size:12px;margin-bottom:3px}.task-save{font-size:12px}.task-save[aria-pressed="true"]{color:#a5551d}.task-save[aria-pressed="true"] svg{fill:#f49a5233}.exercise-layout+.lesson-bottom{max-width:820px;margin:20px auto 0}.exercise-reading+.lesson-bottom{max-width:none}.sprint-context{margin:18px 0 22px;padding:19px 21px;border:1px solid #e1e7f0;border-radius:10px;background:#f5f7fb;font-size:14px;line-height:1.9;white-space:pre-line;max-height:390px;overflow:auto}.sprint-question .question-card h1{font-size:22px;line-height:1.6;letter-spacing:-.3px}.review-context{background:#f5f7fb;padding:12px 15px;border-radius:8px}.review-context summary{font-size:12px;cursor:pointer}.review-context p{white-space:pre-line;font-size:13px}.feedback{background:#edf2fa;color:#244469}.feedback.incorrect{background:#fff1e6;color:#7d5132}.option.correct{border-color:#7798bd;background:#edf2fa;color:#244469}.option.correct .option-key{background:#d9e6f6;border-color:#c6d5e6}.cue-question{background:#fff3e7;border-left-color:#ed873c;color:#344e70}.note-inset{color:#465e7d}.sprint-art h2 em{color:#ffb77d}.sprint-art .eyebrow{color:#c6d3e5}.sprint-art>p,.sprint-facts span{color:#d2dceb}.stage-card:focus-visible{outline-color:#bd6325}.step.done{border-color:#ec9a5f;color:#465e7d}.step.active{border-color:var(--navy);color:var(--navy)}
@media(min-width:1550px){.skills-welcome h1{font-size:43px}.skill-choice{padding:29px}.skill-choice h2{font-size:27px}.skill-choice p{font-size:15px}.skill-choice-top .skill-art{width:55px;height:55px}.skill-topics{font-size:12px}.welcome-next{grid-template-columns:1.35fr 1fr}.skill-intro h1{font-size:38px}}
@media(max-width:1200px){.skills-welcome h1{font-size:34px}.welcome-count{display:none}.skill-choice{padding:22px}.skill-choice h2{font-size:22px}.skill-choice p{font-size:13px}.skill-topics{font-size:10px}.skill-choice-bottom>span:first-child{font-size:12px}.skill-completion{font-size:10px}.welcome-next{grid-template-columns:1fr}.next-nudge,.mixed-nudge{padding:20px}.next-nudge>div,.mixed-nudge>div{min-width:200px}.stage-grid{gap:8px}.stage-card{padding:13px 11px}.stage-card>b{font-size:12px}.skill-intro h1{font-size:29px}.exercise-layout.exercise-reading{grid-template-columns:1fr}.exercise-reading .reading .scenario-text{max-height:410px}.skill-start{gap:18px}.skill-start>.primary{font-size:12px}.skill-guides .lesson-row{grid-template-columns:40px minmax(0,1fr) auto}.skill-guides .lesson-row>button{grid-column:auto}}
@media(max-width:950px){.skills-welcome h1{font-size:32px}.skills-first-grid{gap:14px}.skill-choice{padding:21px}.skill-choice h2{font-size:21px;line-height:1.35}.skill-choice-top .skill-art{width:44px;height:44px;border-radius:12px}.skill-count{font-size:10px;padding:4px 7px}.skill-choice-bottom{align-items:start;flex-direction:column;gap:7px}.skill-topics{display:none}.skill-choice p{margin-bottom:19px}.friendly-footer{align-items:start;flex-direction:column;gap:8px}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-card>b{min-height:0}.stage-card:nth-child(4),.stage-card:nth-child(5){grid-column:auto}.skill-intro{align-items:start;gap:14px}.skill-intro>.skill-art{width:48px;height:48px}.skill-progress{display:none}.skill-intro h1{font-size:28px}.skill-start{flex-wrap:wrap}.skill-start>.primary{font-size:13px}.skill-guides>summary>span{display:none}.skill-guides .lesson-row{grid-template-columns:36px minmax(0,1fr)}.skill-guides .lesson-row>button{grid-column:2}.exercise-row{gap:13px;padding:18px}.exercise-row .pills>span:first-child{font-size:10px}.exercise-row h3{font-size:15px}.task-toolbar{grid-template-columns:1fr 180px}}
@media(max-width:760px){.skills-welcome{margin-bottom:23px}.skills-welcome .eyebrow{font-size:9px;letter-spacing:1.2px}.skills-welcome h1{font-size:34px;max-width:540px;line-height:1.2;margin:10px 0 13px}.skills-welcome p{font-size:13px}.skills-first-grid{gap:14px}.skill-choice{padding:22px}.skill-choice h2{font-size:22px}.skill-choice p{font-size:13px}.skill-choice-bottom{flex-direction:row;align-items:center}.skill-completion{font-size:10px}.skill-count{font-size:10px}.skill-topics{display:block;font-size:10px}.skill-choice p{margin-bottom:11px}.skill-choice-bottom>span:first-child{font-size:12px}.welcome-next{gap:14px;margin-top:21px}.next-nudge,.mixed-nudge{gap:13px;padding:20px}.next-nudge>div,.mixed-nudge>div{min-width:160px}.next-nudge>.secondary,.mixed-nudge>.secondary{margin-left:57px}.friendly-footer{font-size:11px}.skill-intro{margin-top:12px;margin-bottom:23px}.skill-intro h1{font-size:30px}.skill-intro p{font-size:13px}.skill-intro .eyebrow{font-size:9px}.skill-start{padding:19px 20px;gap:17px}.skill-start b{font-size:14px}.skill-start span{font-size:12px;line-height:1.7}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stage-card{padding:15px 12px}.stage-card>b{font-size:12px;min-height:36px}.stage-card>span:first-child{font-size:9px}.path-heading h2{font-size:20px}.path-heading .text-button{font-size:11px}.task-toolbar{grid-template-columns:minmax(0,1fr) 180px;gap:11px;margin-top:23px}.task-toolbar input{font-size:16px}.task-toolbar select{font-size:13px}.exercise-row{grid-template-columns:27px minmax(0,1fr) auto;gap:12px;padding:18px}.exercise-row h3{font-size:16px}.exercise-row .pill{font-size:9px}.exercise-row>button{min-width:80px;font-size:11px;padding:10px}.exercise-number{font-size:22px}.skill-guides{padding-inline:18px;margin-top:25px}.skill-guides>summary{font-size:13px}.exercise-topic{font-size:11px;gap:7px;margin:12px 0 22px}.exercise-layout .question-card{padding:24px 21px}.exercise-context{padding:17px 18px}.exercise-context .scenario-text{font-size:15px}.exercise-layout .question-card h2{font-size:21px}.exercise-reading .reading .scenario-text{max-height:none;overflow:visible;padding:0}.exercise-layout.exercise-reading{gap:19px}.thinking-breakdown{padding:18px}.thinking-breakdown h3{font-size:16px}.thinking-breakdown p{font-size:13px}.task-save{font-size:11px}.sprint-context{font-size:14px;padding:17px 18px;max-height:none;overflow:visible}.sprint-question .question-card h1{font-size:20px}.sidebar-bottom{display:none}}
@media(max-width:540px){.skills-first-grid{grid-template-columns:1fr}.skill-choice{padding:23px}.skill-choice-top .skill-art{width:47px;height:47px}.skill-choice h2{font-size:24px;margin:15px 0 8px}.skill-choice p{font-size:14px}.skill-topics{font-size:11px;margin-bottom:19px}.skill-choice-bottom{flex-direction:row;align-items:center}.skill-choice-bottom>span:first-child{font-size:13px}.skill-completion{font-size:11px}.skill-count{font-size:11px}.skill-choice>.bar{margin-top:0}.welcome-next{margin-top:20px}.next-nudge>div,.mixed-nudge>div{min-width:150px}.skills-welcome h1{font-size:33px}.stage-grid{grid-template-columns:1fr 1fr}.stage-card>b{min-height:0;font-size:13px}.stage-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px 12px}.stage-card:last-child>span:first-child{grid-column:1}.stage-card:last-child>b{grid-column:1}.stage-card:last-child>span:nth-child(3){grid-column:2;grid-row:1/3;align-self:center}.stage-card:last-child>.bar{grid-column:1/-1}.task-toolbar{grid-template-columns:1fr}.task-toolbar select{font-size:14px}.exercise-row{grid-template-columns:25px minmax(0,1fr);gap:10px 12px}.exercise-row>button{grid-column:2;justify-self:start;min-width:100px;font-size:12px}.exercise-row .pills>span:first-child{font-size:11px}.exercise-row h3{font-size:16px}.exercise-number{align-self:start;margin-top:3px}.skill-intro>.skill-art{display:none}.skill-intro h1{font-size:30px}.skill-start>.primary{width:100%}.exercise-layout .question-card{padding:22px 18px}.exercise-context{padding:17px 15px}.thinking-breakdown{padding:18px 16px}.thinking-breakdown>div{gap:9px}.sprint-context{padding:16px}.skill-guides .lesson-row{padding:16px;gap:12px}.skill-guides .lesson-row h3{font-size:15px}.friendly-footer{margin-top:21px}}
@media(prefers-reduced-motion:reduce){.skill-choice{transition:none}.skill-choice:hover{transform:none}}

/* Installation and portable progress stay secondary to the thinking skills. */
[hidden]{display:none!important}
.footer-actions,.progress-data-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.progress-data-actions{justify-content:flex-end}
.footer-actions .text-button,.progress-data-actions .text-button{min-height:44px}
.network-note{margin:0 40px 24px;padding:12px 18px;border-radius:12px;background:#fff0e2;color:#142a4c;font-size:13px;line-height:1.6}
@media(max-width:700px){.footer-actions,.progress-data-actions{justify-content:flex-start;gap:8px 16px}.data-note{flex-direction:column;align-items:flex-start}.network-note{margin:0 20px 96px}footer{flex-wrap:wrap;gap:8px}}