/* v0.13 — Blue Studio. Shared tokens, responsive workspace and component finishes.
   Native controls and existing data flows are retained. No remote fonts or assets. */
:root {
  --canvas:#f3f6fc; --surface:#ffffff; --surface-alt:#edf2fa;
  --text:#172e51; --body:#4e6281; --muted:#61748f; --border:#dbe4f1;
  --accent:#245fd6; --accent-hover:#174cb7; --accent-soft:#e9f0ff;
  --mint:#eaf2ff; --mint-text:#28548e; --peach:#edf4fb; --peach-text:#315a83;
  --sidebar:#102a52; --focus:#3975ed; --shadow:0 4px 20px #183b6b06;
  --display:"Segoe UI",Arial,sans-serif;
  --art-ink:#1b55a3; --art-light:#9fc7f5; --art-paper:#f5faff;
  --blue-hero:#173f83; --on-hero:#c8dafa;
}
:root[data-theme=dark] {
  --canvas:#0b1426; --surface:#121f35; --surface-alt:#192942;
  --text:#edf4ff; --body:#bacbe2; --muted:#9aafcb; --border:#2a3e5c;
  --accent:#8db9ff; --accent-hover:#b5d2ff; --accent-soft:#203c65;
  --mint:#1c3454; --mint-text:#b1d3ff; --peach:#1b314c; --peach-text:#b3cee9;
  --sidebar:#0b1b34; --focus:#a6c9ff; --shadow:0 5px 20px #0000000d;
  --blue-hero:#15386d;
}
body {font-family:"Segoe UI",Arial,sans-serif}
::selection {background:#aacdff;color:#122a4b}
h1,h2,h3 {font-family:var(--display);font-style:normal}
h1,.page-heading h1,#dashboard>.page-heading h1,#training:not(.lesson-open)>h1,.kit-heading h1 {font-size:clamp(32px,3vw,43px);font-weight:720;letter-spacing:-1.65px;line-height:1.17}
h1 em,#dashboard>.page-heading h1 em,.kit-heading h1 em {font-style:normal;font-weight:720;color:var(--accent)}
.section-heading h2,.journal-section-heading h2 {font-size:27px;font-weight:680;letter-spacing:-.8px}
.eyebrow {font-size:10px;letter-spacing:1.45px;font-weight:700}
.lead {font-size:15px;line-height:1.8}
.button,button.primary,a.button {border-radius:10px;font-size:13px;min-height:44px;font-weight:650}
.primary {box-shadow:0 4px 9px #205ac61a}
[data-theme=dark] .primary {color:#0d2547}
article,.form {border-radius:16px}
.badge {border-radius:6px;letter-spacing:.45px;font-size:10px;padding:5px 8px}
input,select,textarea {border-radius:9px}
.violet,[data-theme=dark] .violet {background:var(--accent-soft);color:var(--accent)}
.tile-icon {border-radius:12px}
/* A navy frame, with an optional icon rail on desktop. */
.shell {grid-template-columns:236px minmax(0,1fr)}
.sidebar {padding:27px 17px 18px;background:var(--sidebar)}
.brand {gap:10px;font-size:17px;letter-spacing:-.55px;margin:0 4px 25px;color:#f3f7ff;white-space:nowrap}
.brand-light {color:#abc4e8;font-weight:400}
.mark {display:flex;align-items:end;justify-content:center;gap:3px;width:34px;height:36px;flex:none;padding:10px 7px;background:#3979ed;border-radius:10px;box-shadow:0 4px 12px #041c442e}
.mark i {display:block;width:4px;background:#fff;border-radius:2px;height:8px}.mark i:nth-child(2){height:12px}.mark i:nth-child(3){height:17px}
.sidebar-toggle {display:flex;align-items:center;gap:10px;border:1px solid #385075;border-radius:8px;background:none;color:#a9c1e2;min-height:34px;padding:6px 10px;margin:0 3px 28px;font-size:10px;text-align:left}
.sidebar-toggle:hover {background:#1c3b67;color:white}.sidebar-toggle .icon{width:15px;height:15px;transform:rotate(180deg)}
.smallheading {color:#94aed0;font-size:9px;letter-spacing:1.5px;margin-left:13px}
#nav {gap:4px}#nav .smallheading{margin-top:24px}
#nav button,#mobileNavList button {color:#bdd0e9;font-size:12px;min-height:44px;border-radius:9px;padding:11px 13px;gap:12px;position:relative}
#nav button .icon {color:#98b5db;stroke-width:1.7}
#nav button:hover,#mobileNavList button:hover {background:#1e3e6b;color:#fff}
#nav button.active,#mobileNavList [aria-current=page] {background:#326ee0;color:#fff;box-shadow:0 4px 9px #05182e19}
#nav button.active .icon {color:#fff}
#nav button.active::after {content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#c5ddff}
.sidebar-bottom {padding-top:28px}
.sidebar-tip {background:#173761;border-color:#34517c;border-radius:12px;padding:17px 15px}
.sidebar-tip>span {color:#8ab9ff;margin-bottom:10px}.sidebar-tip strong{font-size:16px;line-height:1.4;font-weight:600;color:#f1f7ff;letter-spacing:-.2px}
.sidebar-tip p {color:#bdd0eb;font-size:11px}.sidebar-tip button{color:#b4d6ff;font-size:11px}
.sidebar-profile {border-color:#375071;color:#f3f7ff;padding:16px 3px}.sidebar-profile small,.build-label{color:#a7bfdd}
.avatar {background:#284c7c;color:#e2efff}.build-label i{background:#85baff}
.topbar {height:76px;background:var(--surface);padding:0 36px;border-bottom:1px solid var(--border)}
.search-trigger {border-radius:9px;background:var(--canvas);font-size:12px;min-height:39px}
.account-button,[data-theme=dark] .account-button {background:var(--accent-soft);color:var(--accent);border-color:var(--border)}
main {max-width:1500px;padding:34px 36px 0}
.page-heading {margin-bottom:26px}
#dashboard>.page-heading .lead {font-size:14px;margin-top:12px}
.workspace-footer {font-size:11px}
.navigation-dialog {background:var(--sidebar);border-color:#385075}.drawer>.muted{color:#b9cce7}
/* Six related cover palettes, all within the blue family. */
[data-lesson-index="0"],.book-front,[data-scenario-index="0"] {--cover:#dceaff;--art-ink:#2258a5;--art-light:#9abff1;--art-paper:#f4f9ff}
[data-lesson-index="1"],[data-scenario-index="1"] {--cover:#e0e8ff;--art-ink:#3459a3;--art-light:#a9bdec;--art-paper:#f6f8ff}
[data-lesson-index="2"] {--cover:#d9eef9;--art-ink:#22658f;--art-light:#96c9e5;--art-paper:#f2fbff}
[data-lesson-index="3"],[data-scenario-index="2"] {--cover:#dbe9f5;--art-ink:#295d90;--art-light:#9bbddd;--art-paper:#f7fbff}
[data-lesson-index="4"] {--cover:#e4eaff;--art-ink:#3b59a0;--art-light:#a6b9e6;--art-paper:#f6f8ff}
[data-lesson-index="5"] {--cover:#dbedff;--art-ink:#2563a5;--art-light:#99c8ef;--art-paper:#f4faff}
[data-theme=dark] [data-lesson-index],[data-theme=dark] [data-scenario-index] {--cover:#203e65;--art-ink:#c0ddff;--art-light:#486f9b;--art-paper:#173557}
/* Home: a real description of the learning loop, presented as a studio window. */
.home-hero {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;min-height:540px;padding:24px 0 34px}
.home-hero h1 {font-size:clamp(40px,4.5vw,65px);font-weight:730;letter-spacing:-2.9px;line-height:1.05;margin:27px 0}
.home-hero h1 em {font-weight:730;font-style:normal}.home-hero .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.8}
.home-hero .lead {max-width:440px;font-size:15px}.hero-actions button{font-size:13px;border-radius:10px}
.home-visual.blue-welcome {height:465px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;padding:10px 16px 30px 0;isolation:isolate}
.blue-welcome::before,[data-theme=dark] .blue-welcome::before {background:radial-gradient(ellipse,#9dc2fc42,transparent 70%);width:100%;height:100%;inset:0}
.welcome-grid {position:absolute;inset:0;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse,#000,transparent 73%);z-index:-1}
.welcome-window {width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 25px 55px #214d8e18;transform:rotate(-3deg);overflow:hidden}
.welcome-window-top {padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:8px;letter-spacing:1px;border-bottom:1px solid var(--border)}
.welcome-window-top>.icon {width:15px;height:15px;color:var(--accent)}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#9fb7d8;border-radius:50%}
.welcome-focus {position:relative;padding:26px 24px;min-height:170px;overflow:hidden;background:#1e54a9;color:#fff;--art-ink:#cce5ff;--art-light:#538bd4;--art-paper:#1e54a9}
.welcome-focus .eyebrow {font-size:8px;letter-spacing:1.2px;color:#cce2ff}.welcome-focus>strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:600;position:relative;z-index:1;max-width:230px;margin-top:12px}
.welcome-focus>[data-artwork] {position:absolute;width:160px;height:140px;right:-20px;bottom:-18px;opacity:.6;transform:rotate(12deg)}
.welcome-steps {padding:9px 20px 17px}.welcome-steps>div{display:flex;align-items:center;gap:13px;padding:16px 0}.welcome-steps>div+div{border-top:1px solid var(--border)}
.welcome-steps>div>span:first-child{display:grid;place-items:center;flex:none;width:31px;height:31px;background:var(--accent-soft);color:var(--accent);border-radius:8px}.welcome-steps>div>span:first-child>.icon{width:18px;height:18px}
.welcome-steps>div>.icon{width:31px;height:31px;padding:6px;background:var(--accent-soft);color:var(--accent);border-radius:8px}
.welcome-steps>div>span:nth-child(2){flex:1}.welcome-steps small{display:block;font-size:7px;letter-spacing:.9px;color:var(--muted);margin-bottom:5px}.welcome-steps strong{font-size:12px;font-weight:650}.welcome-steps>div>span:last-child{font-size:16px;color:var(--accent)}
.welcome-note {position:absolute;bottom:10px;right:-5px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #18457f12;border-radius:12px;padding:15px 19px;transform:rotate(3deg)}
.welcome-note>span:first-child{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.welcome-note>span:first-child>.icon{width:16px;height:16px}
.welcome-note>.icon{background:var(--accent-soft);padding:5px;box-sizing:content-box;border-radius:50%;color:var(--accent);width:16px;height:16px}.welcome-note strong{display:block;font-size:11px}.welcome-note div>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.home-facts {padding:22px 25px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:10px 0 35px}
.home-facts strong {font:700 28px var(--display);color:var(--text);letter-spacing:-1px}.home-facts span{font-size:12px}
.home-tools {gap:18px}.home-tools article {padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.home-tools article+article{border-left:1px solid var(--border);padding-left:25px}
.home-tools h3{font:650 21px/1.3 var(--display);letter-spacing:-.55px}.home-tools .tile-icon{border-radius:12px}.home-tools p{font-size:13px}
/* A more direct daily workspace. */
.daily-dashboard .dashboard-overview {grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}
.daily-dashboard .next-lesson {background:linear-gradient(115deg,var(--blue-hero),#245bb2);border-color:#285db0;grid-template-columns:minmax(0,1fr) 154px;min-height:360px;border-radius:18px;padding:30px 28px 0;gap:20px 12px;align-content:space-between}
[data-theme=dark] .daily-dashboard .next-lesson {background:linear-gradient(115deg,var(--blue-hero),#245bb2);border-color:#285db0}
.daily-dashboard .next-lesson::after {border-color:#bfd9ff14}
.daily-dashboard .next-copy>.eyebrow {color:#c9dfff;font-size:9px;letter-spacing:1.4px;margin:0 0 21px;padding-right:0;min-height:0}
.daily-dashboard .next-lesson h2 {font:650 clamp(26px,2.2vw,33px)/1.17 var(--display);letter-spacing:-1px;color:#fff;margin:0 0 15px;max-width:420px;padding:0}
.daily-dashboard .next-copy>p:not(.eyebrow) {color:#d0e0f8;font-size:12px;line-height:1.8;max-width:380px;margin:0 0 18px}
.daily-lesson-meta {color:#d6e6ff;font-size:10px;margin-bottom:20px}
.daily-dashboard .next-lesson .primary {background:#fff;color:#174a94;border-color:#fff;font-size:12px;min-height:44px;padding:11px 16px;box-shadow:0 4px 14px #04275620}
.daily-dashboard .next-lesson .primary:hover {background:#e5efff}
.daily-dashboard .lesson-visual {height:210px;align-self:center;min-width:0}
.focus-lesson-visual {width:154px;height:191px;border:1px solid #8ebbf266;background:#ffffff0d;border-radius:16px;padding:15px 12px;transform:rotate(7deg);box-shadow:7px 7px 0 #ffffff07;--art-ink:#e1f0ff;--art-light:#6595cf;--art-paper:#285bae}
.focus-lesson-label {display:flex;align-items:center;justify-content:space-between;color:#d5e8ff;font-size:8px;font-weight:600;letter-spacing:1px}.focus-lesson-label>.icon{width:16px;height:16px}
.focus-lesson-visual .course-art{width:170px;height:119px;position:relative;left:-20px;margin:5px 0}.focus-lesson-module{font-size:11px;font-weight:600;color:#e6f2ff}
.daily-hero-footer {border-color:#92b5e940;color:#d2e4ff;font-size:10px;padding:15px 0}.daily-hero-footer>span:last-child{font-size:7px;color:#c4daf9}
.daily-path {padding:23px;border-radius:18px}.daily-path-heading{padding-bottom:17px}.daily-path h2{font:650 22px/1.2 var(--display);letter-spacing:-.6px}.daily-path-heading .eyebrow{font-size:8px;margin-bottom:8px}.daily-path-heading p:last-child{font-size:11px;margin-top:10px}
.daily-path .ring-center strong{font:700 20px var(--display)}.daily-path .progress-ring{width:63px;height:63px;padding:5px;background:conic-gradient(var(--accent) calc(var(--value)*1%),var(--border) 0)}
.daily-module {margin-top:15px}.daily-module-label{font-size:11px}.daily-module-label strong{font-weight:650}.daily-module-label>span{font-size:10px}.daily-module>p{font-size:10px}.daily-module-step{height:27px;font-size:9px}.daily-path>.text-button{margin-top:14px;font-size:11px}
.daily-dashboard .learning-stats {gap:15px;border:0;overflow:visible;background:none;margin:20px 0}.daily-dashboard .stat,.daily-dashboard .stat+.stat{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:20px 23px;gap:8px}
.daily-dashboard .stat strong,.stat strong{font:680 29px/1.2 var(--display);letter-spacing:-.8px}.daily-dashboard .stat>span{font-size:11px}.daily-dashboard .stat-symbol{border-radius:9px;background:var(--accent-soft);right:19px;top:21px;width:33px;height:33px}
.workspace-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 28px}
.workspace-shortcut {display:flex;align-items:center;gap:11px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);text-align:left;min-width:0;transition:border-color .18s,background .18s}
.workspace-shortcut:hover {border-color:var(--accent);background:var(--accent-soft)}.shortcut-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.shortcut-icon>.icon{width:19px;height:19px}.shortcut-copy{min-width:0;flex:1}.shortcut-copy strong{font-size:12px;font-weight:650;display:block;line-height:1.5}.shortcut-copy small{font-size:10px;color:var(--muted);display:block;line-height:1.6;margin-top:3px}.workspace-shortcut>.icon{width:15px;height:15px;color:var(--accent)}
.daily-workspace {grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}.practice-planner{padding:26px;border-radius:16px}.planner-heading h2{font:680 27px/1.2 var(--display);letter-spacing:-.8px}.planner-heading .eyebrow{font-size:9px}.planner-intro{font-size:13px;margin:13px 0 20px}.planner-goals legend{font-size:11px}
.planner-goal{font-size:11px;background:var(--surface);border-radius:10px;min-height:92px;padding:15px 12px;gap:13px}.planner-time{margin-top:18px;padding-bottom:19px}.time-choice{font-size:11px;min-height:38px}.plan-status{font-size:11px}.plan-step-number{font:650 12px var(--display);border-radius:10px;background:var(--accent-soft);border:0}.plan-step-copy h3{font:650 19px/1.35 var(--display);letter-spacing:-.4px;margin:8px 0}.plan-step-copy p{font-size:12px}.plan-step-meta{font-size:10px}.plan-step-copy .text-button{font-size:12px}.planner-note{font-size:10px}
.daily-recent {background:var(--surface);border-radius:16px;padding:24px}.daily-recent>.eyebrow{font-size:8px}.daily-recent h2{font:650 23px/1.25 var(--display);letter-spacing:-.7px}.daily-recent h3{font:650 22px var(--display)}
.recent-empty-art {background:var(--surface-alt);border-radius:12px;height:130px;--art-ink:#3f73b3;--art-paper:#edf5ff;--art-light:#b1cef0}.recent-lesson strong{font-size:12px}.recent-lesson small{font-size:10px}
.sim-dashboard,.coach-dashboard {border-radius:16px;padding:26px;background:var(--surface);border-top:3px solid var(--accent)}.sim-dashboard h2,.coach-dashboard h2{font:650 25px/1.25 var(--display);letter-spacing:-.7px;padding-right:10px}.sim-dashboard>p,.coach-dashboard>p{font-size:13px}.sim-dashboard .tile-icon,.coach-dashboard .tile-icon{background:var(--accent-soft);color:var(--accent);border-radius:10px}.sim-dashboard .primary,.coach-dashboard .primary{color:var(--accent);background:none}.organization-panel{background:var(--surface);border-radius:14px}
/* A sharper lesson collection, with generous preview controls. */
.collection-summary {padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:25px}.collection-summary strong{font:700 27px var(--display)}.collection-summary span{font-size:11px}
.collection-module {border-radius:13px;padding:20px}.collection-module>strong{font:650 23px var(--display);letter-spacing:-.6px}.collection-module-description{font-size:11px}.collection-module-top,.collection-module-top>span:last-child{font-size:9px}.collection-section-label>span{font-size:9px}
.course-library .catalog-toolbar {background:var(--surface);border-radius:13px;gap:13px;padding:16px}.course-library .catalog-toolbar label{font-size:11px}.course-library .catalog-toolbar input,.course-library .catalog-toolbar select{font-size:12px}.catalog-view{font-size:11px}.course-library .catalog-count{font-size:11px}
.library-module-heading .module-title {font:680 24px var(--display);letter-spacing:-.7px}.library-module-heading>span{font-size:10px}
.course-library[data-view=cards] .lesson-card {display:flex;flex-direction:column;min-height:0;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s}
.course-library[data-view=cards] .lesson-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #17457f12}
.course-library[data-view=cards] .lesson-card .lesson-cover {height:160px;min-height:160px;border:0;padding:20px 23px;flex:none}
.course-library[data-view=cards] .lesson-number {font-size:9px;position:static;letter-spacing:1.1px}
.course-library[data-view=cards] .lesson-cover .course-art {height:163px;width:255px;left:auto;top:5px;right:-12px;transform:none}
.course-library[data-view=cards] .cover-caption {font:650 24px/1.08 var(--display);letter-spacing:-.7px;left:23px;bottom:22px;max-width:130px;z-index:1}
.course-library .lesson-card-body {padding:23px;align-items:stretch}.course-library .lesson-card-body .badge{font-size:9px;margin-bottom:12px}
.course-library .lesson-card-body h3,.course-library[data-view=list] .lesson-card-body h3 {font:650 23px/1.25 var(--display);letter-spacing:-.6px;margin-bottom:12px}.course-library .lesson-card-summary{font-size:13px}.course-library .lesson-card-meta{font-size:11px}
.course-library .lesson-card-body .lesson-open-button {width:auto;flex:1;font-size:12px;min-height:38px;padding:7px 0}.lesson-preview-button{font-size:11px;min-height:38px;padding:8px 13px;border-radius:8px}
.course-library[data-view=list] .lesson-card {border-radius:14px;grid-template-columns:105px minmax(0,1fr)}.course-library[data-view=list] .lesson-card .lesson-cover{min-height:190px;border:0}.course-library[data-view=list] .lesson-cover .course-art{left:-12px;top:43px}.course-library[data-view=list] .cover-caption{font-style:normal;font-weight:650;font-size:17px}.course-library[data-view=list] .lesson-card-body .lesson-open-button{padding:9px 13px;background:var(--accent-soft);border-radius:8px}
.preview-cover h2 {font-weight:680;font-size:31px;letter-spacing:-1px}.preview-cover-art{transform:none}.preview-details h3{font-size:18px;font-weight:650}.preview-outline{border-radius:10px}.lesson-preview-button:hover{background:var(--accent-soft)}
/* Guided reading, conversation practice and the companion tools. */
.lesson-intro h1 {font-weight:700;font-size:clamp(30px,3vw,42px);letter-spacing:-1.3px}.reader-cover{border-radius:14px;transform:none;box-shadow:none;border:1px solid var(--border)}
.lesson-stage-tabs {border:0}.lesson-stage-tab{border:1px solid var(--border);background:var(--surface);border-radius:12px}.lesson-stage-tab[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.stage-number{border-radius:9px}.stage-copy strong{font-size:13px}.stage-copy small{font-size:11px}
.lesson-reading,.lesson-exercise {border-radius:16px}.lesson-reading h3{font:650 26px/1.3 var(--display);letter-spacing:-.7px}.reading-number{font-size:11px;font-weight:650}.worked-example{border-radius:12px}.worked-example blockquote{font:500 21px/1.65 var(--display);letter-spacing:-.3px}.lesson-exercise h2,.lesson-stage-panel>h2{font-weight:680;font-size:29px}.lesson-outline h3{font-size:12px}.lesson-outline button{font-size:12px}
.journal-hero {border-radius:18px}.journal-hero h2{font-weight:680;font-size:34px;letter-spacing:-1px}.journal-completion strong{font-weight:700}.module-milestone{border-radius:12px}.skill-card{border-radius:15px}.skill-card h3{font-weight:650;font-size:23px}.skill-score strong{font-weight:700}.journal-empty h3{font-weight:650;font-size:23px}
.sim-scenario-option {border-radius:15px}.scenario-copy>strong{font-weight:650;font-size:24px}.scenario-art{border-radius:0}.sim-mode{border-radius:10px}.conversation-header{border-radius:14px}.conversation-rail{border-radius:14px}.response-choice{border-radius:12px}.response-letter{border-radius:9px}.sim-customer{border-radius:14px}.sim-debrief h2{font-weight:650}
.kit-stamp {border-radius:22px;background:var(--accent-soft);transform:rotate(4deg);height:175px;width:175px}.kit-stamp strong{font:650 26px/1.1 var(--display)}.kit-card{border-radius:16px}.kit-cover{height:170px}.kit-cover-caption{font:650 23px/1.1 var(--display)}.kit-card-copy h2{font:650 25px/1.2 var(--display);letter-spacing:-.7px}.workbook-banner{border-radius:16px}.workbook-banner h2{font-weight:650;font-size:27px}
.resource-preview-heading h2,.resource-document h2,.resource-document h3{font-weight:650}.coach-welcome h2,.coach-welcome h3{font-weight:650}.coach-welcome-art,[data-theme=dark] .coach-welcome-art{--art-ink:#5d8eca;--art-light:#c0d8f3;--art-paper:#eff7ff}.coach-welcome,.coach-question-panel,.coach-response-panel,.coach-composer{border-radius:14px}.coach-prompts button{border-radius:10px}.coach-source{border-radius:10px}.coach-question-panel h2{font-weight:650}.coach-thread-title{font-weight:650}
.account-gateway {border-radius:20px}.account-story,[data-theme=dark] .account-story{background:linear-gradient(155deg,#193e7c,#215ab0);color:#e1edff;padding:37px 32px}.account-story .eyebrow{color:#c7e0ff;font-size:9px}.account-story h2{font:650 37px/1.13 var(--display);letter-spacing:-1.2px;color:#fff}.account-story>p:not(.eyebrow){color:#cedff8;font-size:14px}.account-story-art{--art-ink:#d9eaff;--art-light:#749fdb;--art-paper:#2856a0}.account-story li>span{border-color:#77a0d6;color:#e1edff;border-radius:9px}.account-story strong{color:#fff;font-size:13px}.account-story li p{color:#c8dcf6;font-size:12px}.account-entry h2{font-weight:680}.auth-tabs{border-radius:11px}.auth-tabs button{border-radius:8px}.member-profile h2,.account-preferences h2,.connection-heading h2{font-weight:650}.member-profile,.account-preferences{border-radius:16px}
.lesson-preview::backdrop,.resource-dialog::backdrop,.search-dialog::backdrop,.navigation-dialog::backdrop {background:#0a1c3b80;backdrop-filter:blur(5px)}
[data-theme=dark] .lesson-stage-tab[aria-selected=true] .stage-number,[data-theme=dark] .filter-pill[aria-pressed=true],[data-theme=dark] .module-milestone.complete .milestone-icon,[data-theme=dark] .conversation-rail .current .turn-number,[data-theme=dark] .response-choice:has(input:checked) .response-letter {color:#0d2547}
/* Layout is a preference; focus mode and the mobile drawer retain priority. */
@media(min-width:1001px){
  .compact-sidebar body:not(.lesson-focus) .shell{grid-template-columns:80px minmax(0,1fr)}
  .compact-sidebar .sidebar{padding:26px 12px 18px;overflow-x:hidden}.compact-sidebar .brand{justify-content:center;margin:0 0 24px}
  .compact-sidebar .brand>span:not(.mark),.compact-sidebar .sidebar>.smallheading,.compact-sidebar #nav>.smallheading,.compact-sidebar .sidebar-tip,.compact-sidebar .build-label,.compact-sidebar .sidebar-profile>span:not(.avatar){display:none}
  .compact-sidebar #nav button{justify-content:center;padding:12px;min-height:46px}.compact-sidebar #nav button>span,.compact-sidebar .sidebar-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .compact-sidebar #nav button.active::after{display:none}.compact-sidebar .sidebar-toggle{justify-content:center;margin:0 0 25px;padding:8px}.compact-sidebar .sidebar-toggle .icon{transform:none}
  .compact-sidebar .sidebar-profile{justify-content:center;padding:18px 0}.compact-sidebar .sidebar-bottom{padding-top:20px}
}
@media(max-width:1250px) and (min-width:1001px){
  .shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:16px}.topbar{padding-left:28px;padding-right:28px}main{padding-left:28px;padding-right:28px}
  .daily-dashboard .dashboard-overview,.daily-workspace{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr);gap:18px}.daily-dashboard .next-lesson{grid-template-columns:minmax(0,1fr);padding:26px 25px 0}.daily-dashboard .lesson-visual{display:none}.daily-dashboard .next-lesson h2{max-width:400px}.workspace-shortcut{padding:14px 12px}.shortcut-copy small{display:none}
}
@media(max-width:1000px){
  .shell{display:block}.sidebar-toggle{display:none}.topbar{height:68px;padding:0 25px}main{padding:28px 25px 0}.home-hero{min-height:480px;gap:24px}.home-hero h1{font-size:50px}.home-visual.blue-welcome{height:430px;padding-right:5px}.welcome-focus>strong{font-size:23px}.welcome-window-top{font-size:7px;padding:14px}.welcome-note{padding:13px;right:0}.daily-dashboard .next-lesson{grid-template-columns:minmax(0,1fr);padding:26px 25px 0}.daily-dashboard .lesson-visual{display:none}.daily-dashboard .dashboard-overview,.daily-workspace{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:18px}.workspace-shortcut{padding:14px 12px}.shortcut-copy small{display:none}.shortcut-copy strong{font-size:11px}.shortcut-icon{width:30px;height:30px}.workspace-shortcut>.icon{display:none}.practice-planner{padding:23px}.planner-goals{grid-template-columns:1fr}.planner-goal{min-height:48px;flex-direction:row;align-items:center;padding:13px;gap:12px}.planner-goal>input{top:17px}.planner-goal>span{padding-right:16px}.daily-plan>li{gap:12px}.plan-step-copy h3{font-size:18px}
}
@media(max-width:760px){
  .home-hero{grid-template-columns:1fr;padding:15px 0 25px;gap:15px;min-height:0}.home-hero h1{font-size:clamp(40px,8vw,58px);max-width:550px}.home-hero h1 br:nth-child(2){display:none}.home-copy .lead{max-width:550px}.home-visual.blue-welcome{height:460px;max-width:450px;width:100%;margin:8px auto 0;padding:10px 22px 25px}.welcome-window{max-width:360px}.welcome-focus{min-height:150px}.welcome-focus>strong{font-size:24px}.welcome-note{bottom:-18px;right:0}.home-facts{padding:20px}.home-facts>div{padding:0 15px;gap:8px;flex-direction:column;align-items:start}.home-facts strong{font-size:24px}.home-facts span{font-size:10px}.home-tools{grid-template-columns:1fr;gap:14px}.home-tools article,.home-tools article+article{padding:23px;border:1px solid var(--border)}.home-tools .tile-icon{margin-bottom:15px}.home-tools h3{font-size:23px}
  .daily-dashboard .dashboard-overview,.daily-workspace{grid-template-columns:1fr;gap:18px}.daily-dashboard .next-lesson{grid-template-columns:minmax(0,1fr) 135px;min-height:320px}.daily-dashboard .lesson-visual{display:flex;height:200px}.focus-lesson-visual{width:135px;height:174px;padding:13px 10px}.focus-lesson-visual .course-art{width:150px;height:105px;left:-17px}.focus-lesson-label{font-size:7px}.daily-dashboard .next-lesson h2{font-size:29px}.daily-path{padding:23px}.daily-path-heading{padding-bottom:16px}.daily-module>p{font-size:11px}.daily-module-line{gap:8px}.daily-module-step{height:32px;font-size:10px}
  .workspace-shortcuts{gap:10px}.workspace-shortcut{flex-direction:column;align-items:start;padding:14px;gap:10px}.shortcut-copy strong{font-size:12px}.daily-dashboard .learning-stats{gap:10px}.daily-dashboard .stat,.daily-dashboard .stat+.stat{padding:17px 13px}.daily-dashboard .stat-symbol{position:static;width:28px;height:28px;margin-bottom:5px;padding:6px}.daily-dashboard .stat strong{font-size:25px}.daily-dashboard .stat>span{font-size:10px}.planner-goals{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-goal{min-height:92px;flex-direction:column;align-items:start;padding:15px 11px;font-size:11px}.planner-goal>input{top:11px}.planner-goal>span{padding:0}.daily-recent{padding:23px}.recent-empty-art{height:130px}
  .collection-summary{padding:19px 16px}.collection-summary>div{padding:0 18px;gap:8px}.collection-summary strong{font-size:24px}.collection-summary span{font-size:10px}.collection-modules{gap:10px}.collection-module{padding:16px}.collection-module>strong{font-size:21px}.collection-module-description{font-size:10px}.course-library .catalog-toolbar{padding:15px;gap:13px}.course-library .lesson-card-body h3{font-size:22px}.course-library[data-view=cards] .lesson-card .lesson-cover{height:150px;min-height:150px}.course-library[data-view=cards] .lesson-cover .course-art{width:220px;right:-15px}.course-library[data-view=cards] .cover-caption{font-size:23px}
}
@media(max-width:560px){
  main{padding:25px 19px 0}.topbar{padding:0 16px}.topbar-location{gap:10px}.topbar-actions{gap:6px}.topbar .breadcrumb-root,.topbar .breadcrumb-divider{display:none}.topbar-location strong{font-size:12px}.page-heading{gap:15px}#dashboard>.page-heading{align-items:start;margin-bottom:23px}#dashboard>.page-heading h1{font-size:32px;letter-spacing:-1.2px}#dashboard>.page-heading>.button{margin-top:0;min-height:39px;font-size:11px;padding:8px 12px}.page>.lead,#dashboard>.page-heading .lead{font-size:13px;line-height:1.8}.page-heading h1,#training:not(.lesson-open)>h1,.kit-heading h1{font-size:32px;letter-spacing:-1.2px}.eyebrow{font-size:9px;letter-spacing:1.2px}
  .home-hero h1{font-size:45px;letter-spacing:-2px}.home-hero h1 br:nth-child(2){display:initial}.home-hero .eyebrow{font-size:8px;letter-spacing:.8px}.home-hero .lead{font-size:14px}.hero-actions{gap:12px}.home-visual.blue-welcome{height:455px;padding:10px 11px 25px}.welcome-focus{padding:23px 20px}.welcome-window{max-width:330px}.welcome-note{right:-2px;padding:13px 14px}.welcome-note strong{font-size:10px}.home-facts{padding:19px 14px;margin-top:18px}.home-facts strong{font-size:22px}.home-facts>div{padding:0 10px}.home-facts span{font-size:10px;line-height:1.5}.section-heading h2{font-size:25px}
  .daily-dashboard .next-lesson{grid-template-columns:minmax(0,1fr);padding:25px 23px 0;min-height:0;gap:15px;border-radius:16px}.daily-dashboard .lesson-visual{display:none}.daily-dashboard .next-copy>.eyebrow{font-size:9px;margin-bottom:17px}.daily-dashboard .next-lesson h2{font-size:29px;max-width:350px;letter-spacing:-.9px}.daily-dashboard .next-copy>p:not(.eyebrow){font-size:13px;max-width:360px}.daily-dashboard .next-lesson .primary{font-size:12px}.daily-lesson-meta{font-size:11px}.daily-hero-footer{font-size:10px;padding:15px 0}.daily-hero-footer>span:last-child{display:none}
  .daily-path{padding:22px}.daily-path h2{font-size:23px}.daily-path-heading p:last-child{font-size:11px}.daily-dashboard .learning-stats{gap:8px;margin:18px 0}.daily-dashboard .stat,.daily-dashboard .stat+.stat{padding:15px 12px;gap:7px}.daily-dashboard .stat strong{font-size:24px}.daily-dashboard .stat>span{font-size:10px;line-height:1.5}.workspace-shortcuts{gap:8px;margin-bottom:22px}.workspace-shortcut{padding:12px 11px;gap:9px;min-height:106px}.shortcut-icon{width:28px;height:28px;border-radius:8px}.shortcut-copy strong{font-size:11px;line-height:1.5}.practice-planner{padding:23px 20px}.planner-heading h2{font-size:26px}.planner-intro{font-size:12px}.planner-goals{gap:7px}.planner-goal{font-size:10px;padding:14px 10px;gap:12px;min-height:96px}.planner-goal>.icon{width:18px;height:18px}.planner-goal>input{right:7px;top:10px;width:12px;height:12px}.time-choice{font-size:10px;padding:8px 11px}.planner-time{gap:10px}.planner-time>span{font-size:10px}.plan-step-copy h3{font-size:19px}.plan-step-copy p{font-size:12px}.plan-status{font-size:10px}.daily-recent h2{font-size:25px}
  .collection-summary{padding:18px 13px}.collection-summary>div{padding:0 13px;flex-direction:column;align-items:start;gap:7px}.collection-summary strong{font-size:23px}.collection-summary span{font-size:10px}.collection-modules{grid-template-columns:1fr;gap:9px}.collection-module{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:15px 18px}.collection-module-top{grid-column:1/-1;grid-row:1;display:flex;text-align:left;padding:0;font-size:8px}.collection-module>strong{grid-column:1;grid-row:2;font-size:21px;margin:4px 0}.collection-module-description{grid-column:1;grid-row:3;font-size:10px}.collection-module-meter{grid-column:2;grid-row:2/4;align-self:center;width:55px;margin:0}.collection-module-meter i{height:5px}.course-library .catalog-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.course-library .catalog-toolbar label:first-child{grid-column:1/-1}.course-library .catalog-toolbar .catalog-views{grid-column:1/-1;justify-self:stretch;justify-content:stretch}.catalog-view{flex:1;justify-content:center}.library-module-heading{gap:10px}.library-module-heading .module-title{font-size:21px}.library-module-heading>span{font-size:9px;max-width:100px;text-align:right;line-height:1.6}.course-library .lesson-grid{grid-template-columns:1fr;gap:16px}.course-library[data-view=cards] .lesson-card .lesson-cover{height:154px;min-height:154px}.course-library[data-view=cards] .lesson-cover .course-art{width:235px;right:-8px;height:155px;top:3px}.course-library[data-view=cards] .cover-caption{left:23px;bottom:23px;font-size:25px}.course-library .lesson-card-body{padding:23px}.course-library .lesson-card-body h3{font-size:25px;line-height:1.2}.course-library .lesson-card-summary{font-size:13px}.course-library .lesson-card-meta{font-size:11px}.course-library .lesson-card-body .lesson-open-button{font-size:12px}.lesson-preview-button{font-size:12px}
  .course-library[data-view=list] .lesson-card{grid-template-columns:72px minmax(0,1fr)}.course-library[data-view=list] .lesson-card .lesson-cover{min-height:0;padding:16px 8px}.course-library[data-view=list] .lesson-cover .course-art{width:106px;left:-16px;top:38px}.course-library[data-view=list] .cover-caption{left:9px;bottom:18px;font-size:14px;max-width:58px}.course-library[data-view=list] .lesson-card-body{display:flex;padding:17px;gap:0}.course-library[data-view=list] .lesson-card-body h3{font-size:19px}.course-library[data-view=list] .lesson-card-summary{font-size:12px}.course-library[data-view=list] .library-card-actions{margin-top:12px;width:100%;flex-direction:column;align-items:stretch;gap:8px}.course-library[data-view=list] .lesson-card-body .lesson-open-button{font-size:11px}.course-library[data-view=list] .lesson-card-meta{font-size:10px}
  .lesson-intro h1{font-size:32px}.lesson-stage-tab{padding:13px 10px;gap:8px}.stage-number{width:26px;height:26px;font-size:10px}.stage-copy strong{font-size:11px}.stage-copy small{display:none}.lesson-reading h3{font-size:24px}.lesson-reading,.lesson-exercise{padding:24px 21px}.worked-example{padding:22px}.worked-example blockquote{font-size:20px}.lesson-reading p{font-size:15px}.journal-hero h2{font-size:29px}.kit-stamp{width:145px;height:150px}.kit-stamp strong{font-size:23px}.account-story{padding:29px 25px}.account-story h2{font-size:32px}.account-entry{padding:25px 23px}.mobile-dock{background:var(--surface);border-top-color:var(--border);box-shadow:0 -5px 20px #102d5e08}.mobile-dock button{border-radius:9px}.mobile-dock [aria-current=page]{background:var(--accent-soft);color:var(--accent)}
}
@media(max-width:360px){
  main{padding-left:15px;padding-right:15px}.home-hero h1{font-size:41px}.welcome-window-top{font-size:6px;padding:13px}.welcome-steps{padding:7px 16px 15px}.welcome-steps>div{gap:11px}.welcome-note{padding:12px}.daily-dashboard .stat,.daily-dashboard .stat+.stat{padding:14px 10px}.daily-dashboard .stat strong{font-size:22px}.workspace-shortcut{padding:12px 9px}.shortcut-copy strong{font-size:10px}.practice-planner{padding:22px 17px}.planner-goals{gap:5px}.planner-goal{padding:13px 8px;font-size:10px}.planner-time{flex-wrap:wrap;gap:10px}.planner-time>div{margin-left:auto}.plan-step-copy h3{font-size:18px}.course-library .lesson-card-body{padding:21px}.collection-summary>div{padding:0 11px}.collection-summary strong{font-size:22px}.auth-tabs button{padding:10px 8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.lesson-card,.workspace-shortcut{transition:none!important}.course-library[data-view=cards] .lesson-card:hover{transform:none}}