@font-face{font-family:"Inter";src:url("fonts/3100e775e8.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/1fe9ad5d8b.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/eabce94d4a.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/5d2286941a.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* tokens → base → layout → components → pages → utilities */
:root{--neutral-50:#FFFDF9;--neutral-100:#F8F5EF;--neutral-200:#E8E3DA;--neutral-300:#D8D2C7;--neutral-600:#5F6C70;--neutral-900:#24313A;--navy:#10253A;--teal:#087D7A;--copper:#BD764A;--gold:#C9A24A;--success:#17694F;--warning:#805020;--danger:#A03935;--info:#315E84;--surface:var(--neutral-100);--raised:var(--neutral-50);--overlay:#10253ACC;--ink:var(--neutral-900);--muted:var(--neutral-600);--line:var(--neutral-300);--accent:var(--teal);--accent-ink:#FFFFFF;--mint:#E7F0EC;--bg:var(--surface);--paper:var(--raised);--teal-dark:#066B68;--side:15.5rem;--text-scale:1;--t-12:.75rem;--t-14:.875rem;--t-16:1rem;--t-18:1.125rem;--t-20:1.25rem;--t-24:1.5rem;--t-30:1.875rem;--t-38:2.375rem;--t-48:3rem;--s-4:.25rem;--s-8:.5rem;--s-12:.75rem;--s-16:1rem;--s-24:1.5rem;--s-32:2rem;--s-48:3rem;--s-64:4rem;--r-4:4px;--r-8:8px;--r-16:16px;--shadow-1:0 4px 16px #10253A0D;--shadow-2:0 20px 64px #10253A26;--motion:180ms;--ease:cubic-bezier(.2,.7,.2,1)}
[data-theme="dark"]{--surface:#0A1826;--raised:#10253A;--ink:#EDF1F0;--muted:#B8C5C7;--line:#344756;--accent:#8ED8CF;--accent-ink:#10253A;--mint:#183C44;--teal-dark:var(--accent);--success:#8ED8CF;--warning:#EFBC97;--danger:#F2AAA5;--info:#B6CDE3}
*{box-sizing:border-box}html{font-size:calc(16px * var(--text-scale));scroll-padding-top:7rem}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;font-variant-numeric:lining-nums tabular-nums}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{border:0;cursor:pointer;background:transparent;color:inherit;min-width:24px;min-height:24px}a{color:var(--teal-dark);text-underline-offset:4px}p{margin:0 0 var(--s-16)}h1,h2,h3,h4{margin:0 0 var(--s-12);line-height:1.2;font-weight:500;overflow-wrap:anywhere}h1,h2{font-family:'Playfair Display',Georgia,serif}h1{font-size:var(--t-48)}h2{font-size:var(--t-30)}h3{font-size:var(--t-20)}h4{font-size:var(--t-18)}ul,ol{padding-left:var(--s-24)}li{margin-bottom:var(--s-8)}img{max-width:100%;display:block}figure{margin:0 0 var(--s-24)}small,.field-hint,.footnote{font-size:var(--t-14);color:var(--muted)}label{display:grid;gap:var(--s-8);font-size:var(--t-14);font-weight:600;margin-bottom:var(--s-16)}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-12);background:var(--raised);color:var(--ink);min-height:44px}textarea{min-height:8rem;resize:vertical;font-weight:400;line-height:1.6}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:var(--s-8)}button:disabled{opacity:.55;cursor:default}details{margin:var(--s-16) 0}summary{cursor:pointer;min-height:44px;padding-block:var(--s-8);font-weight:600}kbd{font-family:Inter,sans-serif;font-size:var(--t-12);border:1px solid var(--line);border-radius:var(--r-4);padding:var(--s-4) var(--s-8);color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=link]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#main:focus,#lessonPanel:focus,#modalHeading:focus{outline:none}[hidden]{display:none}.muted{color:var(--muted)}.preserve-lines{white-space:pre-wrap}.skip{position:fixed;top:-100px;left:var(--s-16);padding:var(--s-12);background:var(--raised);z-index:100}.skip:focus{top:var(--s-16)}
/* Shell */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);height:100dvh;display:flex;flex-direction:column;padding:var(--s-24) var(--s-16);background:var(--raised);border-right:1px solid var(--line);z-index:40}.brand{display:flex;align-items:center;text-align:left;gap:var(--s-12);padding:0 0 var(--s-24);width:100%;border-bottom:1px solid var(--line)}.brand img{width:3rem;height:3.5rem;object-fit:contain}.brand b{font:500 var(--t-24) 'Playfair Display',serif;display:block;color:var(--ink)}.brand small{font-size:var(--t-12);line-height:1.4;display:block;margin-top:var(--s-4)}.sidebar-scroll{min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin;padding-top:var(--s-24)}.nav-label{font-size:var(--t-12);letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:var(--s-16)}.sidebar nav{display:grid;gap:var(--s-8)}.sidebar nav button{display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12);border-radius:var(--r-8);text-align:left;min-height:48px;font-size:var(--t-16);color:var(--muted)}.sidebar nav button.active{background:var(--mint);color:var(--teal-dark);font-weight:600}.sidebar-note{margin-top:var(--s-32);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-16)}.sidebar-note p{font-size:var(--t-14);color:var(--muted);margin:var(--s-12) 0}.sidebar-signature{font-size:var(--t-12);color:var(--muted);margin:var(--s-32) 0 var(--s-16);line-height:1.7}.sidebar-signature strong{display:block;font-size:var(--t-14);color:var(--ink)}.sidebar-signature small{display:block;margin-top:var(--s-12)}.workspace{margin-left:var(--side);width:calc(100% - var(--side));min-width:0}.topbar{height:80px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-16);padding:var(--s-16) var(--s-32);background:var(--raised);border-bottom:1px solid var(--line)}.breadcrumb{display:grid;flex:0 0 auto;font-size:var(--t-12);color:var(--muted)}.breadcrumb b{font-size:var(--t-14);color:var(--ink);font-weight:500}.search-launch{display:flex;align-items:center;gap:var(--s-12);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-12) var(--s-16);text-align:left;color:var(--muted);min-width:0;flex:1;max-width:38rem;margin-left:auto;font-size:var(--t-14)}.search-launch kbd{margin-left:auto;white-space:nowrap}.menu-toggle,.bottom-nav,.scrim{display:none}.profile-menu{margin:0;position:relative}.profile-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;background:var(--mint);border:1px solid var(--line);border-radius:50%;font-size:var(--t-14);padding:0}.menu-panel{position:absolute;right:0;top:56px;width:19rem;padding:var(--s-16);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-8);box-shadow:var(--shadow-2);display:flex;flex-direction:column;z-index:30}.menu-panel>small{display:block;margin-bottom:var(--s-16)}.menu-panel .button{justify-content:flex-start}.page{padding:var(--s-48) var(--s-32);width:100%;max-width:1560px;margin:auto;min-width:0;animation:page-in var(--motion) var(--ease)}.page>section{margin-bottom:var(--s-48)}.page-heading{max-width:68ch;margin-bottom:var(--s-32)}.page-heading p{color:var(--muted);font-size:var(--t-18)}.eyebrow{font-size:var(--t-12);font-weight:650;letter-spacing:.12em;text-transform:uppercase;display:block;color:var(--teal-dark);margin-bottom:var(--s-12)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:var(--s-24);margin:var(--s-32) 0 var(--s-24);flex-wrap:wrap}.section-title h2,.section-title h3{margin:0}.row{display:flex;align-items:center;gap:var(--s-12);flex-wrap:wrap}.app-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);padding-top:var(--s-24);font-size:var(--t-12);color:var(--muted);flex-wrap:wrap}.app-footer nav{display:flex;gap:var(--s-12)}
/* Shared components */
.icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.icon svg{width:100%;height:100%}.button,.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--s-8);padding:var(--s-12) var(--s-16);border-radius:var(--r-8);font-size:var(--t-14);font-weight:600;min-height:44px;border:1px solid transparent;text-decoration:none;line-height:1.4;background:var(--accent);color:var(--accent-ink);transition:background var(--motion) var(--ease),transform var(--motion) var(--ease)}.button.secondary,.btn.secondary{background:var(--raised);border-color:var(--line);color:var(--ink)}.button.ghost,.text-link{background:transparent;border-color:transparent;color:var(--teal-dark);padding:var(--s-8);font-weight:500}.button.selected{background:var(--mint);color:var(--teal-dark);border-color:var(--accent)}.icon-button,.button.icon-button{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-8);color:var(--ink);font-size:var(--t-20)}.icon-button[aria-pressed=true]{color:var(--teal-dark);background:var(--mint);border-color:var(--accent)}.button.loading{opacity:.6;cursor:progress}.chip,.pill,.disclosure{display:inline-flex;align-items:center;gap:var(--s-8);border-radius:var(--r-16);padding:var(--s-4) var(--s-12);font-size:var(--t-12);line-height:1.5;border:1px solid var(--line);background:var(--raised);color:var(--muted)}.disclosure .icon{width:16px;height:16px}.chip.good{background:var(--mint);color:var(--success)}.chip.warning{color:var(--warning)}.disclosure-note,.notice,.source-context,.studio-references,.adv-source{font-size:var(--t-14);color:var(--muted);padding:var(--s-16);border-left:2px solid var(--line);line-height:1.6;margin:var(--s-16) 0}.card{border:1px solid var(--line);border-radius:var(--r-16);background:var(--raised);overflow:hidden;min-width:0;position:relative;box-shadow:var(--shadow-1)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24)}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card,.activity-card{cursor:pointer;transition:transform var(--motion) var(--ease),box-shadow var(--motion) var(--ease)}.card-art{aspect-ratio:2/1;background:var(--mint)}.card-art img{width:100%;height:100%;object-fit:cover}.card-copy{padding:var(--s-24)}.card-copy h3{font-family:'Playfair Display',serif;font-size:var(--t-24);line-height:1.3;padding-right:var(--s-8)}.card-copy>p{font-size:var(--t-14);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:var(--t-12);display:flex;gap:var(--s-12);flex-wrap:wrap;color:var(--muted);margin-bottom:var(--s-12)}.category{text-transform:capitalize}.card-controls{position:absolute;right:var(--s-12);top:var(--s-12);display:flex;gap:var(--s-8)}.card-controls .icon-button{width:36px;height:36px;min-width:36px;min-height:36px}.card-status{display:flex;align-items:center;gap:var(--s-8);font-size:var(--t-12);color:var(--muted);margin-top:var(--s-16)}.card-status .icon{width:16px;height:16px}.card-status.is-due{color:var(--warning)}.segmented,.collection-tabs{display:flex;gap:var(--s-8);align-items:center;flex-wrap:wrap}.progress,.progress-track{height:4px;background:var(--line);border-radius:var(--r-4);overflow:hidden;width:100%}.progress>span,.progress-track>div{display:block;height:100%;background:var(--accent);transition:width var(--motion) var(--ease)}.empty{padding:var(--s-32);background:var(--raised);border:1px dashed var(--line);border-radius:var(--r-16);text-align:center}.empty-symbol{display:flex;justify-content:center;color:var(--teal-dark);margin-bottom:var(--s-16)}.empty p{font-size:var(--t-14);color:var(--muted)}.ring{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--progress)*1%),var(--line) 0);position:relative;flex-shrink:0}.ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--raised)}.ring b{position:relative;font-size:var(--t-14);font-weight:500}.skeleton{height:var(--s-24);border-radius:var(--r-8);background:var(--line);animation:skeleton-in var(--motion) var(--ease)}
/* Dialogs, menus, feedback */
.modal{padding:0;border:1px solid var(--line);border-radius:var(--r-16);width:min(1080px,calc(100vw - 64px));max-width:calc(100vw - 64px);max-height:90dvh;background:var(--raised);color:var(--ink);box-shadow:var(--shadow-2);overflow:auto}.modal::backdrop{background:var(--overlay)}.modal[open]{animation:page-in var(--motion) var(--ease)}.modal-header{position:sticky;top:0;display:flex;align-items:flex-start;gap:var(--s-16);padding:var(--s-24);border-bottom:1px solid var(--line);background:var(--raised);z-index:8}.modal-title{min-width:0;flex:1}.modal-title h2{font-size:var(--t-30);margin:0}.modal-title p{margin:var(--s-8) 0 0;font-size:var(--t-14);color:var(--muted)}.modal-content{padding:var(--s-24);overflow-wrap:anywhere}.modal-content>p{max-width:68ch}.modal-actions,.tool-controls,.tool-control-row{display:flex;gap:var(--s-12);align-items:center;flex-wrap:wrap;margin-top:var(--s-24)}.modal-tabs{display:flex;flex-wrap:wrap;gap:var(--s-8);padding:var(--s-16)}.modal-tabs button{padding:var(--s-12)}.modal-tabs .active{border-bottom:2px solid var(--accent)}.toast{position:fixed;left:50%;bottom:var(--s-24);transform:translate(-50%,24px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);padding:var(--s-12) var(--s-16);background:var(--navy);color:var(--neutral-50);border:1px solid var(--line);border-radius:var(--r-8);z-index:100;display:flex;gap:var(--s-16);align-items:center;box-shadow:var(--shadow-2);font-size:var(--t-14);transition:opacity var(--motion),transform var(--motion)}.toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast .button{color:var(--neutral-50);text-decoration:underline}.popover{position:fixed;inset:auto;max-height:70dvh;overflow-y:auto;width:min(420px,calc(100vw - 24px));margin:0;padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-16);background:var(--raised);color:var(--ink);box-shadow:var(--shadow-2);z-index:70}.popover:not(.is-open){display:none}.popover dl{font-size:var(--t-14)}dt{font-weight:650;margin-bottom:var(--s-8)}dd{margin:0 0 var(--s-16);color:var(--muted)}.popover .section-title{margin-top:0}.feedback,.takeaway,.outcomes,.learning-brief,.review-session,.context-panel,.finish-screen{padding:var(--s-24);background:var(--mint);border:1px solid var(--line);border-radius:var(--r-8);margin:var(--s-24) 0}.feedback{animation:page-in var(--motion) var(--ease)}.feedback.good,.answer.correct{border-color:var(--success)}.feedback strong{display:block}.answer-list{display:grid;gap:var(--s-12)}.button.answer,.answer{display:flex;width:100%;align-items:flex-start;gap:var(--s-16);text-align:left;padding:var(--s-16);border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:var(--r-8);font-size:var(--t-16);line-height:1.6;margin-bottom:var(--s-12);font-weight:400}.answer.correct{background:var(--mint);border-color:var(--success)}.answer.incorrect{border-color:var(--danger)}.letter{font-size:var(--t-12);border:1px solid var(--line);padding:var(--s-4) var(--s-8);border-radius:var(--r-4);color:var(--muted);flex-shrink:0}.scenario-event,.example-copy{padding:var(--s-24);background:var(--surface);border-radius:var(--r-8);margin:var(--s-16) 0}.scenario-progress{display:flex;gap:var(--s-8);margin-bottom:var(--s-24)}.scenario-progress span{height:4px;background:var(--line);flex:1}.scenario-progress .done{background:var(--accent)}.choice-explanation{padding:var(--s-16) 0;border-top:1px solid var(--line)}.choice-explanation strong{display:block}.leave-prompt{background:var(--raised);border:2px solid var(--accent);position:sticky;top:0;z-index:7}
/* Home and catalogues */
.home-date{display:block;font-size:var(--t-14);color:var(--muted);margin:-1rem 0 var(--s-24)}.onboarding{padding:var(--s-32);border:1px solid var(--line);border-radius:var(--r-16);background:var(--raised);max-width:60rem}.onboarding .section-title{margin-top:0}.onboarding label{max-width:36rem}.onboard-steps{display:flex;gap:var(--s-8)}.onboard-steps i{width:24px;height:4px;background:var(--line)}.onboard-steps i.active{background:var(--accent)}.continue-card,.review-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);padding:var(--s-24);background:var(--mint);border:1px solid var(--line);border-radius:var(--r-16);margin-bottom:var(--s-32)}.continue-card p,.review-banner p{margin-bottom:0;max-width:56ch;font-size:var(--t-14);color:var(--muted)}.plan-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--s-24)}.hero{position:relative;isolation:isolate;background:#10253A;color:#FFFDF9;border-radius:var(--r-16);overflow:hidden;padding:var(--s-32);display:flex;align-items:center;min-height:360px}.hero>div{position:relative;z-index:2;max-width:36rem}.hero>img{position:absolute;right:0;top:0;height:100%;width:100%;object-fit:cover;opacity:.3;z-index:-1}.hero .eyebrow{color:#EFBC97}.hero h2{font-size:var(--t-38);max-width:20ch}.hero p{font-size:var(--t-16);max-width:42ch;color:#EDF1F0}.hero small{display:block;color:#B8C5C7;font-size:var(--t-12);margin-top:var(--s-16)}.hero .button{background:#8ED8CF;color:#10253A}.plan-practice{background:var(--raised);padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-16)}.plan-practice>.icon{width:38px;height:38px;margin:var(--s-16) 0;color:var(--teal-dark)}.plan-practice p{font-size:var(--t-14);color:var(--muted)}.plan-practice .disclosure{margin-top:var(--s-16)}.quote-panel{padding:var(--s-32);border-radius:var(--r-16);border:1px solid var(--line);background:var(--raised);max-width:100%}.quote-panel blockquote{font:400 var(--t-30)/1.4 'Playfair Display',serif;max-width:45ch;margin:var(--s-24) 0}.quote-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s-16);flex-wrap:wrap;font-size:var(--t-12);color:var(--muted)}.quote-dots{display:flex;gap:var(--s-4);flex-wrap:wrap;max-width:100%}.button.dot{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;background:transparent;border:0}.dot span{width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot[aria-pressed=true] span{width:16px;border-radius:var(--r-4);background:var(--accent)}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:var(--s-12);padding:var(--s-16);border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised);position:sticky;top:80px;z-index:10;margin:var(--s-24) 0}.filter-select{margin:0;flex:1 1 120px;max-width:100%;font-size:var(--t-12);font-weight:500}.filter-select select{padding:var(--s-8);font-size:var(--t-14);min-height:44px}.layout-options{display:flex;align-items:center;gap:var(--s-8)}.result-count{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-16);font-size:var(--t-14);color:var(--muted);margin-bottom:var(--s-24)}.list-layout{grid-template-columns:1fr}.list-layout .card{display:grid;grid-template-columns:160px 1fr}.list-layout .card-art{aspect-ratio:auto;height:100%}.list-layout .card-copy{padding:var(--s-24) 7rem var(--s-24) var(--s-24)}.pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-24)}.pathway-card{padding:var(--s-24)}.pathway-card .section-title{margin-top:0}.pathway-card p{color:var(--muted)}.pathway-card ol .button{text-align:left;justify-content:flex-start}.pathway-activities{display:grid;gap:var(--s-12);margin:var(--s-24) 0}.tool-card{padding:var(--s-24);display:flex;flex-direction:column;align-items:flex-start}.tool-card>.button{margin-top:auto}.tool-symbol{display:grid;place-items:center;width:64px;height:64px;background:var(--mint);border-radius:var(--r-16);color:var(--teal-dark);margin-bottom:var(--s-24)}.tool-symbol .icon{width:32px;height:32px}.tool-card p{color:var(--muted);font-size:var(--t-14)}
/* Reading, notes and Growth */
.lesson-header{position:sticky;top:80px;z-index:11;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-16) var(--s-24) 0;display:flex;align-items:center;gap:var(--s-16);flex-wrap:wrap;margin-bottom:var(--s-32)}.lesson-header>div:first-child{flex:1;min-width:0}.lesson-header h2{font-size:var(--t-24);margin-bottom:var(--s-16)}.lesson-header .eyebrow{margin-bottom:var(--s-8)}.lesson-controls{display:flex;gap:var(--s-8)}.lesson-tabs{display:flex;gap:var(--s-16);width:100%}.lesson-tabs button{display:flex;align-items:center;gap:var(--s-8);border-bottom:3px solid transparent;padding:var(--s-12);font-size:var(--t-14)}.lesson-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--teal-dark)}.lesson-tabs button span{display:grid;place-items:center;width:24px;height:24px;background:var(--mint);border-radius:50%;font-size:var(--t-12)}.lesson-header>.progress{margin-inline:calc(-1 * var(--s-24));width:calc(100% + var(--s-48))}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:var(--s-32)}.reading{min-width:0;max-width:68ch;margin-inline:auto;width:100%}.reading p{line-height:1.6}.reading-art{border-radius:var(--r-8);overflow:hidden}.reading-art img{width:100%;aspect-ratio:2/1;object-fit:cover}.reading-art .disclosure{margin-top:var(--s-12)}.lead{font-size:var(--t-20);line-height:1.6}.learning-brief{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24)}.learning-brief .full{grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--s-16)}.learning-brief strong{font-size:var(--t-14);color:var(--teal-dark)}.learning-brief p{font-size:var(--t-14);margin:var(--s-8) 0 0}.learning-step{display:flex;gap:var(--s-16);padding:var(--s-24) 0;border-top:1px solid var(--line)}.step-num{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:var(--teal-dark);font-size:var(--t-14)}.learning-step h3{font-size:var(--t-24);font-family:'Playfair Display',serif}.learning-step p{margin:var(--s-12) 0 0}.worked-example{margin:var(--s-32) 0;padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised)}.example-copy.good{border-left:3px solid var(--accent)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16)}.example-copy p{font-size:var(--t-14)}.read-aloud{display:flex;align-items:center;gap:var(--s-8);flex-wrap:wrap;margin-bottom:var(--s-24);font-size:var(--t-12)}.read-aloud label{margin:0;display:flex;align-items:center}.read-aloud select{width:80px;padding:var(--s-8);font-size:var(--t-14)}.read-aloud>span{color:var(--muted)}.notes-sidebar{min-width:0}.notes-sidebar>.section-title{margin-top:0}.note{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-16);margin-bottom:var(--s-16);font-size:var(--t-14)}.note blockquote,.selected-quote{margin:0 0 var(--s-16);padding-left:var(--s-12);border-left:3px solid var(--gold);color:var(--muted)}mark{background:#F0DB9D;color:#24313A}.selection-tools{position:fixed;bottom:var(--s-24);left:50%;transform:translateX(-50%);display:flex;gap:var(--s-8);padding:var(--s-8);border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised);box-shadow:var(--shadow-2);z-index:55}.selection-tools[hidden]{display:none}.next-learning{margin:var(--s-48) 0}.next-learning .button{white-space:normal;text-align:left;justify-content:flex-start}.completion{border:1px solid var(--accent);padding:var(--s-32);background:var(--mint);border-radius:var(--r-16);margin:var(--s-32) 0}.completion-check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:var(--t-24);margin-bottom:var(--s-16);animation:check-in var(--motion) var(--ease)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24)}.check{display:flex;align-items:center;gap:var(--s-12)}.data-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16);margin:var(--s-24) 0}.week-strip{display:flex;gap:var(--s-12);max-width:100%;flex-wrap:wrap}.week-strip>div{display:grid;place-items:center;gap:var(--s-8);font-size:var(--t-12);color:var(--muted)}.week-strip i{font:500 var(--t-16) Inter,sans-serif;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised)}.week-strip .has-activity i{background:var(--mint);color:var(--teal-dark);border-color:var(--accent)}.coverage-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-12)}.coverage{padding:var(--s-16);border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised);display:grid;gap:var(--s-8);text-align:left;min-width:0}.coverage strong{font-size:var(--t-14);font-weight:500;overflow-wrap:anywhere}.coverage small{font-size:var(--t-12)}.coverage.reviewed{border-color:var(--accent);background:var(--mint)}.coverage.due{border-color:var(--warning)}.coverage .icon{color:var(--teal-dark)}.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-32)}.growth-grid>*{min-width:0}.trail,.action-item,.reflection-item{padding:var(--s-16);border:1px solid var(--line);border-radius:var(--r-8);background:var(--raised);margin-bottom:var(--s-16)}.trail summary{display:grid;gap:var(--s-8)}.trail p{font-size:var(--t-14)}.action-item h3,.reflection-item h3{font-size:var(--t-18)}.preview-art{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r-8);margin-bottom:var(--s-24)}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24);margin-top:var(--s-24)}.tool-preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-24)}.tool-preview h4{font-size:var(--t-14)}.tool-preview p{font-size:var(--t-14)}.source-list{font-size:var(--t-14)}.source-list>div{margin-top:var(--s-12)}.cc-evidence{border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-24);margin:var(--s-24) 0;background:var(--raised)}.cc-evidence-head,.cc-study-type{font-size:var(--t-12);color:var(--teal-dark)}.cc-evidence-title{font:400 var(--t-24) 'Playfair Display',serif;margin:var(--s-12) 0}.cc-evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24);margin:var(--s-24) 0}.cc-evidence-number{display:block;font:600 var(--t-30) Inter,sans-serif;color:var(--ink)}.cc-evidence-unit{display:block;font-size:var(--t-14);color:var(--muted);margin-top:var(--s-8)}.cc-evidence-context,.cc-finding{font-size:var(--t-14)}.cc-evidence-bar{height:8px;background:var(--line);border-radius:var(--r-8);overflow:hidden;margin-bottom:var(--s-16)}.cc-evidence-bar>span{display:block;height:100%;background:var(--accent)}.cc-comparison-bars{display:grid;gap:var(--s-8);margin-bottom:var(--s-16)}.cc-comparison-bars i{width:100%;height:8px;background:var(--copper);border-radius:var(--r-8)}.cc-comparison-bars i+i{background:var(--accent)}.cc-activity-brief,.cc-learning-brief{padding:var(--s-24);background:var(--mint);border:1px solid var(--line);border-radius:var(--r-8);margin-bottom:var(--s-24)}.cc-activity-intro,.cc-brief-action{display:flex;gap:var(--s-12)}.cc-activity-meta{display:flex;align-items:center;gap:var(--s-16);flex-wrap:wrap;margin-top:var(--s-16);font-size:var(--t-12)}.cc-activity-meta>span{display:inline-flex;gap:var(--s-8);align-items:center}.cc-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24)}.cc-brief-grid>div{display:flex;gap:var(--s-12)}.cc-learning-brief p{font-size:var(--t-14);margin:var(--s-8) 0}.cc-brief-action{border-top:1px solid var(--line);padding-top:var(--s-16);margin-top:var(--s-16)}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-24)}.evidence-grid .cc-evidence{margin:0}.activity-toolbar{display:flex;gap:var(--s-12);flex-wrap:wrap;margin-bottom:var(--s-24)}
/* Search and presenting */
.search-field{display:flex;align-items:center;gap:var(--s-12);border:1px solid var(--line);border-radius:var(--r-8);padding:var(--s-8) var(--s-16);background:var(--surface)}.search-field input{border:0;background:transparent;padding:var(--s-8);font-size:var(--t-18)}.search-group{margin:var(--s-32) 0}.search-group h3 small{margin-left:var(--s-8)}.search-result{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:var(--s-8);padding:var(--s-16);border-bottom:1px solid var(--line);width:100%;text-align:left;border-radius:var(--r-8)}.search-result strong{font-weight:600;font-size:var(--t-16)}.search-result>span{font-size:var(--t-14);color:var(--muted);grid-column:1}.search-result>.icon{grid-column:2;grid-row:1/3}.search-result.active{background:var(--mint)}.recent{display:flex;gap:var(--s-8);flex-wrap:wrap;margin-top:var(--s-24)}.recent h3{width:100%}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16)}.shortcut-list dd{margin:0}.present-controls{display:flex;align-items:center;gap:var(--s-12);flex-wrap:wrap;padding:var(--s-16);position:sticky;top:0;background:var(--raised);border:1px solid var(--line);z-index:12;margin-bottom:var(--s-24)}.present-mode .modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;border-radius:0;margin:0}.present-mode .modal-content,.present-mode #main{font-size:var(--t-20)}.present-mode .sidebar,.present-mode .topbar,.present-mode .bottom-nav{display:none}.present-mode .workspace{margin:0;width:100%}.hide-feedback .feedback,.hide-feedback .cc-studio-report{visibility:hidden}.focus-view .sidebar,.focus-view .topbar,.focus-view .bottom-nav,.focus-view .notes-sidebar,.focus-view .page-heading{display:none}.focus-view .workspace{margin:0;width:100%}.focus-view .lesson-layout{display:block}.focus-view .lesson-header{top:0}.print-record{display:none}
@keyframes page-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes check-in{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes skeleton-in{from{opacity:.5}to{opacity:1}}
@media(hover:hover){.lesson-card:hover,.activity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.quick-look{opacity:0}.lesson-card:hover .quick-look,.lesson-card:focus-within .quick-look{opacity:1}.button.secondary:hover{background:var(--mint)}}
@media(max-width:1200px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-map{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr)}.notes-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16)}.notes-sidebar>.section-title,.notes-sidebar>.field-hint{grid-column:1/-1}.topbar{padding-inline:var(--s-24)}}
@media(min-width:761px) and (max-width:1000px){html{--side:13.5rem}.sidebar{padding-inline:var(--s-12)}.sidebar nav button{font-size:var(--t-14);gap:var(--s-8)}.brand{gap:var(--s-8)}.brand b{font-size:var(--t-20)}.search-launch span{font-size:var(--t-12)}.search-launch kbd{display:none}.page{padding-inline:var(--s-24)}.plan-grid,.growth-grid{grid-template-columns:minmax(0,1fr)}.coverage-map{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{--side:0rem}html{scroll-padding-top:5rem}.sidebar{width:min(296px,calc(100vw - 32px));transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.menu-open{overflow:hidden}.menu-open .scrim{display:block;position:fixed;inset:0;background:var(--overlay);z-index:39}.workspace{width:100%;margin:0}.topbar{height:68px;padding:var(--s-8) var(--s-12);gap:var(--s-8)}.menu-toggle{display:inline-flex}.breadcrumb{flex:1;min-width:0}.breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-launch{width:44px;height:44px;max-width:44px;min-width:44px;flex:0 0 44px;padding:var(--s-8);justify-content:center;margin:0}.search-launch span:not(.icon),.search-launch kbd{display:none}.search-launch>.icon{display:inline-flex}.profile-menu summary{width:40px;height:44px}.topbar>.icon-button{width:40px;min-width:40px}.menu-panel{width:min(300px,calc(100vw - 24px))}.page{padding:var(--s-32) var(--s-16) calc(100px + env(safe-area-inset-bottom))}.page-heading h1{font-size:var(--t-38)}.page-heading p{font-size:var(--t-16)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;z-index:25;gap:0;justify-content:space-around;padding:var(--s-8) 0 calc(var(--s-8) + env(safe-area-inset-bottom));background:var(--raised);border-top:1px solid var(--line)}.bottom-nav button{display:grid;place-items:center;gap:var(--s-4);flex:1 1 0;min-width:0;min-height:48px;font-size:var(--t-12);padding:var(--s-4);line-height:1.4}.bottom-nav button.active{color:var(--teal-dark);background:var(--mint)}.card-grid,.card-grid.two,.plan-grid,.pathway-grid,.growth-grid,.form-grid,.data-options,.workspace-grid,.evidence-grid,.comparison{grid-template-columns:minmax(0,1fr)}.lesson-card,.activity-card,.list-layout .card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:var(--s-12);padding:var(--s-16)}.card-art,.list-layout .card-art{width:72px;height:72px;border-radius:var(--r-8);overflow:hidden;aspect-ratio:1}.card-art img{object-fit:cover;width:100%;height:100%}.card-copy,.list-layout .card-copy{padding:0}.card-copy h3{font-family:Inter,sans-serif;font-size:var(--t-16);line-height:1.4;padding-right:var(--s-32)}.card-copy>p{font-size:var(--t-14);margin-bottom:var(--s-8)}.card-controls{top:var(--s-8);right:var(--s-8);display:flex;flex-direction:column;gap:var(--s-4)}.card-controls .icon-button{width:32px;height:32px;min-width:32px;min-height:32px;padding:var(--s-4)}.card-meta{padding-right:var(--s-32);gap:var(--s-8);margin-bottom:var(--s-8)}.card-status{margin-top:var(--s-8)}.activity-card .card-controls{position:static;grid-column:1}.activity-card .card-copy{grid-column:2;grid-row:1/3}.activity-card .card-controls .icon-button{width:44px;height:44px}.activity-card .card-art{grid-row:1}.filter-bar{position:static;gap:var(--s-8);padding:var(--s-12)}.filter-select{flex:1 1 120px}.result-count .disclosure{display:none}.section-title{gap:var(--s-16)}.continue-card,.review-banner{align-items:flex-start;flex-direction:column;padding:var(--s-24)}.hero{padding:var(--s-24);min-height:320px}.hero h2{font-size:var(--t-30)}.onboarding{padding:var(--s-24)}.quote-panel{padding:var(--s-24)}.quote-panel blockquote{font-size:var(--t-24)}.modal,.modal.tool-workspace,.modal.cc-sim-modal{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-header{padding:var(--s-16);gap:var(--s-8)}.modal-title h2{font-size:var(--t-24)}.modal-title p{font-size:var(--t-12)}.modal-content{padding:var(--s-24) var(--s-16) calc(var(--s-32) + env(safe-area-inset-bottom))}.lesson-header{top:68px;padding:var(--s-12) var(--s-16) 0;gap:var(--s-8)}.lesson-header h2{font-size:var(--t-18)}.lesson-header .eyebrow{font-size:var(--t-12)}.lesson-controls .button:not(.icon-button){padding:var(--s-8);min-width:44px}.lesson-header>.progress{margin-inline:calc(-1 * var(--s-16));width:calc(100% + var(--s-32))}.lesson-tabs{justify-content:space-between;gap:var(--s-4)}.lesson-tabs button{font-size:var(--t-14);padding:var(--s-8)}.learning-brief,.cc-brief-grid{grid-template-columns:minmax(0,1fr)}.learning-step{gap:var(--s-12)}.learning-step h3{font-size:var(--t-20)}.learning-step .step-num{width:24px;height:24px}.reading,.reading-art{max-width:100%}.notes-sidebar{display:block}.coverage-map{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage{padding:var(--s-12)}.week-strip{gap:var(--s-8)}.week-strip i{width:32px;height:32px}.app-footer{display:block}.app-footer nav{margin-top:var(--s-12)}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}.selection-tools{bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.modal-actions{position:sticky;bottom:0;background:var(--raised);padding:var(--s-16) 0;border-top:1px solid var(--line);z-index:4}.shortcut-list{grid-template-columns:minmax(0,1fr)}.cc-evidence-pair{gap:var(--s-16)}.present-controls{position:relative}.present-controls button{font-size:var(--t-14)}.page>section{margin-bottom:var(--s-32)}}
[data-dyslexia="true"] body{letter-spacing:.045em;word-spacing:.08em;line-height:1.9}[data-dyslexia="true"] p,[data-dyslexia="true"] li{line-height:1.9;text-align:left;font-style:normal}[data-dyslexia="true"] em{font-style:normal;font-weight:600}
@media(prefers-reduced-motion:reduce){html{--motion:0ms}html{scroll-behavior:auto}}
html[data-motion="reduce"]{--motion:0ms}html[data-motion="reduce"] .card:hover{transform:none}
@media print{body{background:white;color:black;font-size:12pt}#app>*:not(.print-record),#selectionTools,#quickGuide,.toast,.modal,.sidebar,.workspace,.bottom-nav{display:none}.print-record{display:block}.print-record pre{font:12pt/1.6 Inter,Arial,sans-serif;white-space:pre-wrap}.print-record h1{font-size:24pt}a{color:black}}
.activity-stepbar{display:none}@media(max-width:760px){.activity-stepbar{display:flex;justify-content:space-between;gap:var(--s-16);padding:var(--s-12) var(--s-16) calc(var(--s-12) + env(safe-area-inset-bottom));position:sticky;bottom:0;background:var(--raised);border-top:1px solid var(--line);z-index:9}.page-studio .activity-stepbar{bottom:72px}}
.present-mode .modal-content p,.present-mode .answer,.present-mode .studio-choice{font-size:var(--t-20)}.pathway-card:last-child{grid-column:1/-1}@media(max-width:760px){.lesson-header>div:first-child{flex-basis:100%}.lesson-controls{margin-left:auto}}
.hca-icon{display:inline-flex;width:24px;height:24px;flex-shrink:0}.hca-icon svg,.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hca-trust{display:flex;align-items:center;gap:var(--s-16);flex-wrap:wrap;margin:var(--s-24) 0}.hca-trust a{display:inline-flex;align-items:center;gap:var(--s-8)}.hca-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24);margin:var(--s-24) 0}.hca-source-panel{border:1px solid var(--line);background:var(--mint);padding:var(--s-24);border-radius:var(--r-8);margin-bottom:var(--s-24)}.hca-backup-row{display:flex;gap:var(--s-12);flex-wrap:wrap;margin:var(--s-24) 0}.onboard-brand{display:flex;align-items:center;gap:var(--s-16)}.onboard-brand img{width:64px;height:72px;object-fit:contain}@media(max-width:760px){.hca-how-grid{grid-template-columns:minmax(0,1fr)}}

/* Retained playback controls use the same theme contrast pair as primary buttons. */
.studio-control.primary{background:var(--accent);color:var(--accent-ink)}

/* Visual learning reader */
.infographic-entry{margin-block:12px 4px;position:relative;z-index:1;font-size:var(--t-14)}
.modal.infographic-modal{width:min(1120px,96vw);max-width:1120px}
.infographic-modal .modal-content{padding:clamp(12px,3vw,28px)}
.infographic-shell{max-width:960px;margin:auto}
.infographic-top,.infographic-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0}
.infographic-stage{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:auto;max-height:64vh;perspective:1400px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;padding:clamp(8px,2vw,22px)}
.infographic-stage.is-zoomed{touch-action:auto}
.infographic-stage>img{display:block;width:100%;max-width:none;height:auto;transform-origin:left center;box-shadow:0 14px 40px #10253a22;border-radius:10px}
.infographic-stage>img.is-turning{animation:info-turn .34s ease-out}
@keyframes info-turn{from{opacity:.4;transform:rotateY(-9deg) translateX(8px)}to{opacity:1;transform:rotateY(0) translateX(0)}}
.infographic-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:12px 24px}
.infographic-thumbs button{display:flex;align-items:center;gap:12px;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:10px;text-align:left;min-width:0;color:var(--ink)}
.infographic-thumbs button[aria-current=page]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.infographic-thumbs img{width:42px;height:58px;object-fit:cover;object-position:top;border-radius:4px}
.infographic-transcript{border-top:1px solid var(--line);padding:16px 0}
.infographic-shell summary{cursor:pointer;font-weight:600;min-height:32px}
.infographic-transcript p{line-height:1.65}
@media(max-width:600px){.infographic-thumbs button{flex-direction:column;gap:6px;text-align:center;font-size:14px}.infographic-nav{font-size:14px}.infographic-nav button{padding:10px}.infographic-top .row{width:100%}.infographic-stage{max-height:58vh}}
@media(prefers-reduced-motion:reduce){.infographic-stage>img.is-turning{animation:none}}
[data-motion=reduce] .infographic-stage>img.is-turning{animation:none}
/* Learn reading and complete raster infographic collection */
.learn-intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:28px;align-items:center;background:linear-gradient(125deg,#10253a,#174a52);color:#fffaf2;border-radius:20px;padding:clamp(24px,4vw,42px);margin:24px 0}.learn-intro .eyebrow{color:#ebbd79}.learn-intro h2{font:400 clamp(26px,3vw,36px)/1.22 'Playfair Display',serif;margin:12px 0}.learn-intro p{color:#e4edef;max-width:65ch;line-height:1.6;margin:0}.learn-intro-stats{display:grid;gap:9px}.learn-intro-stats strong{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #ffffff40;padding:8px 0;font-size:32px;color:#f3c680}.learn-intro-stats small{font-size:14px;color:#fff;font-weight:500}.group-count{font-size:14px;color:var(--muted)}
.lesson-card .infographic-card-art{border:0;padding:0;position:relative;display:block;width:100%;background:#e7efed;overflow:hidden;cursor:zoom-in;text-align:left}.lesson-card .infographic-card-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.lesson-card .infographic-card-art span{position:absolute;bottom:10px;left:10px;background:#10253ae8;color:white;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:600}.lesson-card .infographic-card-art:hover img,.lesson-card .infographic-card-art:focus-visible img{transform:scale(1.06)}.lesson-card .infographic-card-art:focus-visible,.reading-art:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.lesson-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(160px,.85fr);gap:22px;align-items:stretch;margin-bottom:26px}.lesson-opening-copy{background:#e9f3f0;border:1px solid #d0e3dd;border-radius:16px;padding:24px}.lesson-opening-copy h3{font:400 28px 'Playfair Display',serif;margin:10px 0}.lesson-opening-copy .lead{font-size:18px;margin:0 0 12px}.lesson-opening-copy>p:not(.lead){font-size:14px;margin:0;color:#344c57}.lesson-map{display:grid;gap:7px;margin-top:20px;font-size:13px}.lesson-map span{border-top:1px solid #bdd8d0;padding-top:6px}.lesson-map b{color:#087d7a;margin-right:10px}.lesson-opening .reading-art{appearance:none;border:1px solid var(--line);padding:0;background:#faf8f3;border-radius:16px;overflow:hidden;position:relative;cursor:zoom-in;min-width:0;margin:0}.lesson-opening .reading-art img{width:100%;height:100%;min-height:250px;max-height:390px;object-fit:cover;object-position:top;display:block}.lesson-opening .reading-art span{position:absolute;bottom:12px;left:12px;right:12px;background:#10253ae8;color:white;padding:10px;border-radius:9px;font-size:13px;font-weight:600;text-align:center}.lesson-reading-title{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.lesson-reading-title h3{font:400 28px 'Playfair Display',serif;margin:7px 0}.lesson-reading-title p{color:var(--muted);font-size:14px}.infographic-modal .infographic-stage{max-height:70vh}.infographic-modal .infographic-stage>img{max-width:100%}
@media(max-width:760px){.learn-intro{grid-template-columns:1fr}.learn-intro-stats{grid-template-columns:repeat(3,1fr)}.learn-intro-stats strong{display:grid;gap:0;font-size:24px}.learn-intro-stats small{font-size:11px}.lesson-opening{grid-template-columns:1fr}.lesson-opening .reading-art img{height:190px;min-height:0;max-height:190px}.lesson-card .infographic-card-art span{display:none}.lesson-card .infographic-card-art{width:72px;height:72px}.infographic-modal .infographic-stage{max-height:60vh}}
@media(prefers-reduced-motion:reduce){.lesson-card .infographic-card-art img{transition:none}}
.lesson-transfer{background:#f7f5ef;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0 30px}.lesson-transfer h3{font:400 25px 'Playfair Display',serif;margin:8px 0 20px}.transfer-note{display:grid;grid-template-columns:72px 1fr;gap:16px;border-top:1px solid var(--line);padding:15px 0}.transfer-note span{font-size:12px;font-weight:700;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;padding-top:4px}.transfer-note p{margin:0}@media(max-width:600px){.transfer-note{grid-template-columns:1fr;gap:4px}}
/* Today: warm editorial welcome, clear starting points and an optional guide. */
.page-dashboard{padding-bottom:130px}.today-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.today-masthead h1{font-size:2.375rem;margin:0}.today-masthead .eyebrow{font-size:0.6875rem;margin-bottom:6px}.today-date{display:flex;gap:8px;align-items:center;font-size:0.8125rem;color:var(--muted)}.today-date .icon{width:17px;height:17px}
.hero.welcome-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;min-height:460px;background:#f0ebe1;color:#10253a;border:1px solid #ded7ca;border-radius:24px;overflow:hidden;box-shadow:0 16px 45px #10253a08;isolation:isolate}.welcome-hero:before{content:'';position:absolute;width:400px;height:400px;left:-200px;top:-200px;border:1px solid #c9a24a55;border-radius:50%;pointer-events:none}.hero.welcome-hero>div{max-width:none;min-width:0}.welcome-copy{padding:clamp(28px,4vw,54px);z-index:2}.welcome-greeting{display:flex;align-items:center;gap:9px;font-size:0.8125rem;font-weight:600;color:#375958;margin-bottom:20px}.welcome-greeting i{width:7px;height:7px;border-radius:50%;background:#087d7a;box-shadow:0 0 0 5px #087d7a14}.hero.welcome-hero h2{font-size:clamp(2.125rem,3.5vw,3.375rem);line-height:1.12;letter-spacing:-.035em;max-width:18ch;margin:0 0 22px}.welcome-hero h2 em{font-weight:400;color:#087d7a}.hero.welcome-hero p{font-size:1rem;color:#4b5c62;max-width:39ch;line-height:1.65}.welcome-time{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.welcome-time>span{font-size:0.75rem;font-weight:600;color:#4b5c62}.welcome-time .segmented{padding:4px;background:#ffffff80;border:1px solid #d3ccc0;border-radius:99px;gap:2px}.welcome-time .button{border-radius:99px;min-height:36px;padding:7px 13px;font-size:0.8125rem;color:#375958;background:transparent}.welcome-time .button.selected{background:#10253a;border-color:#10253a;color:white}.welcome-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero.welcome-hero .welcome-actions>.button.primary{background:#087d7a;color:#fff;box-shadow:0 6px 16px #087d7a20}.hero.welcome-hero .welcome-actions>.button.ghost{background:transparent;color:#375958}.hero.welcome-hero small{font-size:0.75rem;color:#53696c;margin-top:16px;line-height:1.6}.welcome-visual{position:relative;align-self:stretch;display:flex;align-items:center;background:#f5f0e6;overflow:hidden}.welcome-visual img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:50% 50%;animation:welcome-arrive 1.3s ease-out both}.welcome-visual-label{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffaf0d9;border:1px solid #e2d8c2;color:#375958;border-radius:99px;padding:8px 18px;font-size:0.6875rem;letter-spacing:.05em;backdrop-filter:blur(12px)}.welcome-orbit{position:absolute;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fffaf0c9;border:1px solid #fff;box-shadow:0 8px 20px #10253a15;color:#087d7a;backdrop-filter:blur(8px);animation:welcome-float 4s ease-in-out 1}.orbit-one{top:38px;left:22px;transform:rotate(-8deg)}.orbit-two{right:22px;bottom:80px;transform:rotate(9deg);color:#995c34;animation-delay:.25s}
.today-continue{background:var(--raised);border-radius:18px;padding:22px}.today-continue>div{flex:1}.today-continue .eyebrow{margin:0 0 4px;font-size:0.625rem}.today-continue h3{margin:0;font-size:1.125rem}.today-continue p{margin:5px 0 0}.continue-mark{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:var(--mint);border-radius:14px;color:var(--teal-dark)}.today-gentle-note{font-size:0.8125rem;color:var(--muted)}.today-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.today-entry{border:1px solid var(--line);border-radius:20px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;position:relative;background:var(--raised);transition:transform .22s,box-shadow .22s,border-color .22s}.today-entry:before{content:'';height:3px;position:absolute;top:0;left:26px;right:26px;background:#087d7a;border-radius:0 0 3px 3px}.entry-practice:before{background:#bd764a}.entry-tools:before{background:#8a77a3}.entry-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--teal-dark);background:var(--mint);margin-bottom:24px}.entry-practice .entry-icon{color:#a15a32;background:#f6e9dd}.entry-tools .entry-icon{color:#65548e;background:#eee9f4}.entry-label{font-size:0.625rem;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.today-entry h3{font:400 1.562rem/1.25 'Playfair Display',serif;margin:0 0 12px;max-width:18ch}.today-entry p{font-size:0.875rem;color:var(--muted);line-height:1.6;margin-bottom:24px}.entry-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:0.8125rem;font-weight:600;color:var(--teal-dark);margin-top:auto}.entry-link b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:1.125rem;font-weight:400;transition:transform .2s}.today-entry:hover{transform:translateY(-5px);border-color:var(--teal-dark);box-shadow:0 16px 36px #10253a0d}.today-entry:hover .entry-link b{transform:rotate(45deg)}
.today-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.today-practice-panel.plan-practice{border-radius:20px;background:var(--mint);padding:30px}.today-practice-panel .section-title{margin:0 0 24px;align-items:center}.today-practice-panel .eyebrow{margin:0}.today-small-icon{color:var(--teal-dark)}.today-practice-panel h2{font-size:1.875rem}.today-practice-panel p{font-size:0.9375rem;max-width:48ch}.today-growth-panel{border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--raised)}.today-growth-panel h2{font-size:1.75rem}.today-growth-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 18px}.today-growth-values strong{display:block;font-size:2rem;line-height:1.2;color:var(--ink);font-weight:500}.today-growth-values small{font-size:0.875rem;color:var(--muted)}.today-growth-values div>span{font-size:0.6875rem;color:var(--muted);line-height:1.3;display:block;margin-top:9px}.today-growth-panel .field-hint{font-size:0.6875rem;margin:12px 0 0}.today-quote{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;background:var(--raised);border-radius:20px;padding:32px}.quote-mark{font:6.25rem/.9 'Playfair Display',serif;color:#bd764a80}.today-quote blockquote{font-size:1.688rem;margin:12px 0 24px}.today-quote .eyebrow{font-size:0.625rem}.page-dashboard .onboarding{max-width:none;border-radius:20px}.app-guide-fab{position:fixed;right:28px;bottom:24px;z-index:24;display:flex;align-items:center;gap:12px;padding:10px 17px 10px 10px;background:#10253a;color:#fffaf1;box-shadow:0 8px 30px #10253a35;border:1px solid #ffffff30;border-radius:99px;transition:transform .2s,box-shadow .2s}.app-guide-fab>span:not(.guide-fab-icon){text-align:left;font-size:0.8125rem;font-weight:600;line-height:1.4}.app-guide-fab small{display:block;font-size:0.5rem;letter-spacing:.12em;color:#d8bc85;margin-bottom:3px}.guide-fab-icon{display:grid;place-items:center;width:38px;height:38px;background:#ffffff12;border:1px solid #ffffff1c;border-radius:50%;color:#efc77d}.app-guide-fab>b{font-size:1.312rem;font-weight:400;color:#d8bc85;margin-left:2px}.app-guide-fab:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10253a50}
/* Voluntary guide, with a working route from every chapter. */
.modal.app-guide-modal{width:min(1120px,94vw);max-width:1120px;max-height:92dvh;border-radius:24px}.app-guide-modal .modal-content{padding:0 26px 20px}.app-guide-modal .modal-header{border:0;padding:26px}.app-guide-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:var(--surface);padding:6px;border:1px solid var(--line);border-radius:16px;margin-bottom:28px}.app-guide-tabs .button{gap:7px;font-size:0.75rem;border-radius:11px;color:var(--muted)}.app-guide-tabs .button[aria-pressed=true]{background:var(--raised);color:var(--teal-dark);box-shadow:0 3px 10px #10253a10;border-color:var(--line)}.app-guide-tabs .icon{width:18px;height:18px}.app-guide-chapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:34px;align-items:center;animation:page-in .24s ease}.app-guide-copy{min-width:0}.app-guide-copy>.eyebrow{font-size:0.625rem}.app-guide-copy>h3{font:400 clamp(1.5625rem,3vw,2.125rem)/1.2 'Playfair Display',serif;letter-spacing:-.015em}.guide-lead{font-size:0.9375rem;color:var(--muted);line-height:1.65}.guide-instructions{list-style:none;padding:0;margin:22px 0}.guide-instructions>li{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}.guide-instructions>li>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:var(--mint);color:var(--teal-dark);font-size:0.6875rem}.guide-instructions h4{font-size:0.875rem;font-weight:600;margin:2px 0 5px}.guide-instructions p{font-size:0.8125rem;line-height:1.65;color:var(--muted);margin:0}.guide-tip{display:flex;gap:9px;font-size:0.75rem;line-height:1.55;background:var(--mint);padding:12px;border-radius:10px}.guide-tip .icon{width:17px;height:17px;color:var(--teal-dark);margin-top:1px}.app-guide-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;margin-top:26px;border-top:1px solid var(--line)}#guideStatus{font-size:0.75rem;color:var(--muted)}.guide-preview{border:1px solid #d7ddda;border-radius:17px;overflow:hidden;transform:rotate(-2deg);background:#faf8f3;box-shadow:0 20px 50px #10253a12;color:#10253a;min-width:0}.guide-preview-brand{display:flex;align-items:center;gap:9px;background:#fffdf9;padding:17px;border-bottom:1px solid #e4e2db}.guide-preview-brand img{width:28px;height:31px;object-fit:contain}.guide-preview-brand>span{font:1rem 'Playfair Display',serif;margin-right:auto}.guide-preview-brand small{font:0.375rem Inter,sans-serif;display:block;letter-spacing:.08em;color:#5f6c70;margin-top:4px}.guide-preview-brand>i{width:4px;height:4px;background:#bccbc5;border-radius:50%}.guide-preview-content{padding:26px 20px}.guide-preview-tag{font-size:0.5rem;font-weight:600;letter-spacing:.16em;color:#087d7a}.guide-preview-icon{width:70px;height:70px;border-radius:20px;background:#e2ede7;color:#087d7a;display:grid;place-items:center;margin:24px auto}.guide-preview-icon .icon{width:36px;height:36px}.guide-preview-lines{display:grid;gap:7px;place-items:center;margin:24px auto}.guide-preview-lines>i{height:6px;width:80%;background:#deded4;border-radius:5px}.guide-preview-lines>i+ i{width:60%;background:#e8e7df}.guide-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide-preview-cards>span{padding:14px 5px;border:1px solid #d9e2dc;background:#fffdf9;display:grid;gap:11px;place-items:center;font-size:0.625rem;border-radius:10px}.guide-preview-cards b{font-size:0.5625rem;color:#bd764a}.guide-preview-bottom{display:flex;gap:10px;align-items:center;margin-top:22px}.guide-preview-bottom>span{height:6px;flex:1;border-radius:99px;background:linear-gradient(90deg,#087d7a 66%,#e0e6df 66%)}.guide-preview-bottom>i{font-style:normal;background:#087d7a;color:white;border-radius:50%;width:22px;height:22px;font-size:0.75rem;display:grid;place-items:center}
/* Keep image navigation above the page and remove production controls. */
.modal.infographic-modal{overflow:hidden;max-height:94dvh}.infographic-modal .modal-content{max-height:calc(94dvh - 120px);overflow-y:auto;padding-top:0;overscroll-behavior:contain}.infographic-controls{position:sticky;top:0;background:var(--raised);z-index:6;padding-top:12px;border-bottom:1px solid var(--line);margin-bottom:16px}.infographic-controls .infographic-thumbs{margin:0;gap:10px}.infographic-controls .infographic-thumbs button{border-radius:12px;padding:8px 12px}.infographic-controls .infographic-thumbs img{width:30px;height:42px}.infographic-controls .infographic-top{padding:10px 0}.infographic-controls .eyebrow{margin:0;font-size:0.625rem}.infographic-controls .button{min-height:36px;padding:8px 12px;font-size:0.75rem}.infographic-stage.is-zoomed>img{max-width:none}.infographic-modal .infographic-stage.is-zoomed>img{max-width:none}
[data-theme=dark] .hero.welcome-hero{background:#132f3c;border-color:#344756;color:#edf1f0}[data-theme=dark] .welcome-greeting,[data-theme=dark] .hero.welcome-hero p,[data-theme=dark] .hero.welcome-hero small,[data-theme=dark] .welcome-time>span{color:#c1d6d5}[data-theme=dark] .welcome-hero h2 em{color:#8ed8cf}[data-theme=dark] .welcome-time .segmented{background:#10253a;border-color:#46616b}[data-theme=dark] .welcome-time .button{color:#c1d6d5}[data-theme=dark] .welcome-time .button.selected{background:#8ed8cf;color:#10253a}[data-theme=dark] .hero.welcome-hero .welcome-actions>.button.ghost{color:#8ed8cf}
@keyframes welcome-arrive{from{transform:scale(1.05);opacity:.65}to{transform:scale(1);opacity:1}}@keyframes welcome-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:1100px){.hero.welcome-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.welcome-copy{padding:28px}.welcome-time{gap:8px}.welcome-visual img{min-height:470px}.today-entry{padding:22px}.today-entry h3{font-size:1.438rem}.today-workbench{gap:18px}.today-practice-panel.plan-practice,.today-growth-panel{padding:24px}.app-guide-chapter{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}}
@media(max-width:760px){.page-dashboard{padding-bottom:175px}.today-masthead{align-items:flex-start;margin-bottom:20px}.today-masthead h1{font-size:2rem}.today-masthead .eyebrow{font-size:0.5rem;max-width:22ch;line-height:1.6}.today-date{font-size:0.625rem;max-width:12ch;line-height:1.5;text-align:right}.today-date .icon{display:none}.hero.welcome-hero{grid-template-columns:1fr;border-radius:20px}.welcome-copy{padding:28px 24px}.hero.welcome-hero h2{font-size:2.375rem}.hero.welcome-hero p{font-size:0.9375rem}.welcome-greeting{font-size:0.75rem}.welcome-visual{max-height:220px;min-height:220px}.welcome-visual img{min-height:220px;max-height:220px;object-fit:cover;object-position:center 65%}.welcome-visual-label{bottom:12px;font-size:0.5625rem;padding:6px 12px}.welcome-orbit{width:36px;height:36px;border-radius:11px}.welcome-orbit .icon{width:18px;height:18px}.orbit-one{top:16px;left:20px}.orbit-two{bottom:30px;right:20px}.welcome-time{margin:20px 0}.welcome-actions>.button{font-size:0.8125rem}.today-entry-grid{grid-template-columns:1fr;gap:12px}.today-entry{padding:22px 22px 20px 88px;min-height:170px}.entry-icon{position:absolute;left:22px;top:24px;width:44px;height:44px}.entry-label{font-size:0.5625rem;margin-bottom:8px}.today-entry h3{font-size:1.438rem;max-width:100%}.today-entry p{font-size:0.8125rem;margin-bottom:14px}.entry-link{font-size:0.75rem}.entry-link b{width:25px;height:25px}.today-workbench{grid-template-columns:1fr}.today-gentle-note{font-size:0.6875rem}.today-quote{grid-template-columns:30px minmax(0,1fr);padding:22px;gap:12px}.quote-mark{font-size:3.75rem}.today-quote blockquote{font-size:1.438rem}.today-continue{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px}.today-continue>.button{grid-column:2;justify-self:start}.today-continue h3{font-size:1rem}.today-continue p{font-size:0.75rem}.continue-mark{width:38px;height:38px}.app-guide-fab{right:16px;bottom:calc(91px + env(safe-area-inset-bottom));padding:8px 13px 8px 8px;gap:9px}.app-guide-fab>span:not(.guide-fab-icon){font-size:0.6875rem}.app-guide-fab small{font-size:0.4375rem}.guide-fab-icon{width:32px;height:32px}.guide-fab-icon .icon{width:19px;height:19px}.modal.app-guide-modal{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.app-guide-modal .modal-content{padding:0 16px 24px}.app-guide-modal .modal-header{padding:20px 16px}.app-guide-tabs{gap:2px;padding:4px;margin-bottom:22px}.app-guide-tabs .button{display:grid;gap:3px;place-items:center;padding:7px 3px;font-size:0.5625rem;min-width:0}.app-guide-tabs .icon{width:17px;height:17px}.app-guide-chapter{grid-template-columns:1fr;gap:18px}.guide-preview{max-width:240px;margin:auto;transform:none;width:100%}.guide-preview-brand{padding:8px 12px}.guide-preview-brand img{height:24px;width:22px}.guide-preview-content{padding:12px}.guide-preview-icon{width:40px;height:40px;border-radius:12px;margin:10px auto}.guide-preview-icon .icon{width:24px;height:24px}.guide-preview-lines{margin:10px auto;gap:4px}.guide-preview-lines>i{height:4px}.guide-preview-cards>span{padding:8px 4px;gap:5px;font-size:0.5rem}.guide-preview-cards b{font-size:0.4375rem}.guide-preview-bottom{margin-top:10px}.guide-preview-bottom>i{height:16px;width:16px;font-size:0.5625rem}.app-guide-copy>h3{font-size:1.688rem}.guide-lead{font-size:0.875rem}.app-guide-pagination{margin-top:20px}.app-guide-pagination .button{font-size:0.75rem;padding:9px 13px}.modal.infographic-modal{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.infographic-modal .modal-content{max-height:calc(100dvh - 108px);padding:0 12px 24px}.infographic-controls .infographic-thumbs button{flex-direction:row;gap:6px;padding:7px 5px;font-size:0.625rem;justify-content:center}.infographic-controls .infographic-thumbs img{width:18px;height:27px}.infographic-controls .infographic-thumbs{gap:5px}.infographic-controls .infographic-top{gap:7px}.infographic-controls .infographic-top .row{width:auto;gap:6px}.infographic-controls .eyebrow{font-size:0.5rem;max-width:17ch}.infographic-controls .button{padding:7px 10px;font-size:0.6875rem}.infographic-controls{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.welcome-visual img,.welcome-orbit,.app-guide-chapter{animation:none}.today-entry,.app-guide-fab,.entry-link b{transition:none}.today-entry:hover,.app-guide-fab:hover{transform:none}}
[data-motion=reduce] .welcome-visual img,[data-motion=reduce] .welcome-orbit,[data-motion=reduce] .app-guide-chapter{animation:none}[data-motion=reduce] .today-entry,[data-motion=reduce] .app-guide-fab,[data-motion=reduce] .entry-link b{transition:none}[data-motion=reduce] .today-entry:hover,[data-motion=reduce] .app-guide-fab:hover{transform:none}
.guide-instructions p{font-size:.9375rem}.guide-instructions h4{font-size:.9375rem}.guide-tip{font-size:.8125rem}.app-guide-fab small{font-size:.5625rem}.entry-label{font-size:.6875rem}
@media(min-width:761px) and (max-width:1050px){.hero.welcome-hero{grid-template-columns:1fr}.welcome-visual{height:260px;min-height:260px}.welcome-visual img{height:260px;min-height:260px;object-position:center 65%}.today-entry-grid,.today-workbench{grid-template-columns:1fr}.today-entry{padding:24px 24px 24px 94px;min-height:160px}.entry-icon{position:absolute;top:24px;left:24px}.today-entry h3{max-width:100%}.today-entry p{margin-bottom:14px}}
@media(max-width:760px){.today-masthead .eyebrow{font-size:.625rem}.app-guide-tabs .button{font-size:.6875rem}.app-guide-fab small{font-size:.5625rem}.entry-label{font-size:.625rem}.guide-instructions p{font-size:.875rem}}

/* Retained activity geometry and layouts, consolidated and tokenised. */
.checklist{padding:0;list-style:none;font-size:var(--t-14)}
.checklist li{margin:10px 0}
.checklist label{display:flex;align-items:flex-start;gap:10px;font-size:var(--t-12);line-height:1.8;cursor:pointer}
.checklist input{accent-color:var(--teal);margin-top:5px;width:20px;height:20px}
.breath-circle{width:155px;height:155px;border-radius:50%;margin:40px auto;display:grid;place-items:center;background:var(--raised);border:1px solid var(--line);box-shadow:0 0 0 16px var(--surface),0 0 0 32px var(--raised);font-size:var(--t-16);color:var(--teal-dark)}
.breath-circle.running{animation:breathe 10s infinite ease-in-out}
.studio-nav-new{margin-left:auto;padding:2px 6px;background:var(--gold);color:var(--ink);border-radius:4px;font-size:var(--t-12);letter-spacing:.6px}
.studio-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}
.studio-heading p{font-size:var(--t-12);color:var(--muted);margin-top:6px}
.studio-topmeta{display:flex;align-items:center;gap:8px;font-size:var(--t-12);color:var(--teal-dark);white-space:nowrap}
.studio-dot{width:7px;height:7px;background:var(--line);border-radius:50%}
.studio-hero{background:var(--navy);border-radius:20px;overflow:hidden;position:relative;isolation:isolate;color:var(--neutral-50);min-height:233px;padding:30px 34px;display:flex;align-items:center}
.studio-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),var(--navy),transparent);z-index:-1}
.studio-hero>img{position:absolute;right:0;top:0;width:61%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}
.studio-hero-text{max-width:570px}
.studio-hero .eyebrow{color:var(--muted);font-size:var(--t-12)}
.studio-hero h2{font-size:var(--t-30);line-height:1.25;margin:12px 0;letter-spacing:-1px}
.studio-hero h2 em{font-style:normal;color:var(--muted)}
.studio-hero p{font-size:var(--t-16);color:var(--muted);max-width:380px;line-height:1.8}
.studio-hero-pills{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.studio-hero-pills span{font-size:var(--t-12);border:1px solid var(--line);background:var(--line);border-radius:2px;padding:5px 10px}
.studio-sectiontop{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px;gap:12px}
.studio-sectiontop p{color:var(--muted);font-size:var(--t-12)}
.studio-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0}
.studio-tab{position:relative;text-align:left;padding:17px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;gap:13px;align-items:center;transition:var(--motion);min-height:80px}
.studio-tab:hover{transform:translateY(-2px);border-color:var(--line)}
.studio-tab[aria-selected="true"]{background:var(--raised);border:1px solid var(--muted);box-shadow:0 3px 10px var(--line)}
.studio-tab-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:2px;background:var(--raised);color:var(--ink);font-size:var(--t-20);flex-shrink:0}
.studio-tab[aria-selected="true"] .studio-tab-symbol{background:var(--teal);color:var(--neutral-50)}
.studio-tab strong{font-size:var(--t-14);display:block;font:400 var(--t-20) 'Playfair Display',serif}
.studio-tab small{font-size:var(--t-12);color:var(--muted);display:block;margin-top:3px}
.studio-tab-check{color:var(--teal-dark);margin-left:auto}
.studio-workbench{border:1px solid var(--line);background:var(--paper);border-radius:17px;overflow:clip}
.studio-workbench-top{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.studio-workbench-top h2{font-size:var(--t-30)}
.studio-workbench-top p{font-size:var(--t-14);color:var(--muted);margin-top:4px}
.studio-workbench-body{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(290px,1fr)}
.studio-visual{min-width:0;background:var(--raised);display:flex;flex-direction:column;align-self:start;position:sticky;top:80px}
.studio-canvas-wrap{position:relative;aspect-ratio:1.42;overflow:hidden;background:var(--raised);isolation:isolate}
.studio-canvas{display:block;width:100%;height:100%;filter:saturate(.65)}
.studio-scene-label{position:absolute;left:18px;top:17px;display:flex;gap:6px;align-items:center;font-size:var(--t-12);letter-spacing:1.2px;font-weight:700;color:var(--muted);background:var(--raised);border-radius:5px;padding:5px 8px;pointer-events:none}
.studio-scene-step{position:absolute;right:18px;top:17px;font-size:var(--t-12);padding:5px 9px;border-radius:6px;background:var(--raised);color:var(--muted)}
.studio-canvas-caption{position:relative;bottom:auto;left:auto;right:auto;border:1px solid var(--raised);background:var(--raised);backdrop-filter:blur(8px);border-radius:10px;padding:11px 14px;color:var(--ink);font-size:var(--t-12);line-height:1.6;pointer-events:none;margin:0 17px 13px;min-height:48px}
.studio-canvas-caption strong{display:block;font-size:var(--t-12)}
.studio-hotspot{position:absolute;width:30px;height:30px;border:2px solid var(--raised);box-shadow:0 3px 10px var(--line);border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-size:var(--t-12);font-weight:700;transition:transform var(--motion);min-width:32px;min-height:32px;border-color:white}
.studio-hotspot:hover,.studio-hotspot[aria-pressed="true"]{transform:scale(1.16);background:var(--copper)}
.studio-hotspot span{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);white-space:nowrap;font-size:var(--t-12);background:var(--ink);color:var(--neutral-50);padding:6px 9px;border-radius:5px;opacity:0;pointer-events:none}
.studio-hotspot:hover span,.studio-hotspot:focus-visible span{opacity:1}
.studio-controls{display:flex;align-items:center;gap:9px;padding:13px 17px;background:var(--raised);border-top:1px solid var(--mint);flex-wrap:wrap}
.studio-control{border:1px solid var(--line);background:var(--raised);height:31px;min-width:32px;border-radius:7px;padding:0 10px;font-size:var(--t-12);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px}
.studio-control.primary{background:var(--success);color:white;border-color:var(--success);min-width:82px}
.studio-control:hover{border-color:var(--muted)}
.studio-controls label{font-size:var(--t-12);color:var(--muted);display:flex;gap:5px;align-items:center}
.studio-controls select{border:1px solid var(--line);border-radius:5px;background:white;font-size:var(--t-12);padding:5px;color:var(--ink)}
.studio-controls .push{margin-left:auto}
.studio-steps-progress{display:flex;gap:4px}
.studio-steps-progress span{width:18px;height:4px;background:var(--line);border-radius:4px}
.studio-steps-progress span.done{background:var(--muted)}
.studio-steps-progress span.active{background:var(--gold)}
.studio-side{padding:24px;border-left:1px solid var(--line);min-width:0}
.studio-side .eyebrow{color:var(--ink);font-size:var(--t-12)}
.studio-side h3{font-size:var(--t-30);line-height:1.4;margin:10px 0}
.studio-side p{font-size:var(--t-16);color:var(--muted);line-height:1.85}
.studio-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}
.studio-choice{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);text-align:left;display:flex;gap:8px;align-items:flex-start;font-size:var(--t-14);line-height:1.55;transition:var(--motion);min-height:48px}
.studio-choice:hover:not(:disabled){border-color:var(--line);background:var(--raised)}
.studio-choice .number{width:21px;min-width:21px;height:21px;border-radius:5px;background:var(--raised);color:var(--ink);display:grid;place-items:center;font-size:var(--t-12)}
.studio-choice.good{border-color:var(--line);background:var(--raised)}
.studio-choice.wrong{border-color:var(--gold);background:var(--raised)}
.studio-choice:disabled{opacity:.85}
.studio-feedback{border:1px solid var(--line);background:var(--raised);border-radius:10px;padding:13px 15px;font-size:var(--t-14);color:var(--ink);line-height:1.8;margin:14px 0}
.studio-feedback.correct{background:var(--raised);border-color:var(--line);color:var(--ink)}
.studio-feedback strong{display:block;margin-bottom:4px}
.studio-callout{font-size:var(--t-12);color:var(--muted);border-top:1px solid var(--line);margin-top:19px;padding-top:13px;line-height:1.8}
.studio-next{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}
.studio-references{padding:14px 21px;background:var(--raised);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:var(--t-12);line-height:1.7;color:var(--ink)}
.studio-references a{font-size:var(--t-12);white-space:nowrap}
.studio-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}
.studio-smallpanel{padding:19px 23px;border-radius:13px;border:1px solid var(--line);background:var(--paper)}
.studio-smallpanel h3{font-size:var(--t-12)}
.studio-smallpanel p{font-size:var(--t-12);color:var(--muted);margin:7px 0;line-height:1.8}
.studio-smallpanel .quote{font-size:var(--t-18);font-family:'Playfair Display';letter-spacing:-.5px;color:var(--ink);line-height:1.55;margin:5px 0 10px}
.studio-safety-band{display:flex;align-items:flex-start;gap:9px;background:var(--raised);color:var(--muted);border-radius:9px;padding:12px 15px;font-size:var(--t-12);line-height:1.7;margin:16px 0}
.studio-movement-selector{display:flex;gap:5px;padding:13px 17px;background:var(--raised);border-bottom:1px solid var(--mint);flex-wrap:wrap}
.studio-movement-selector button{border:1px solid transparent;border-radius:6px;padding:6px 10px;font-size:var(--t-12);color:var(--muted)}
.studio-movement-selector button.active{background:white;border-color:var(--line);color:var(--ink);font-weight:700}
.studio-cycle-ring{position:absolute;right:18px;top:50px;width:53px;height:53px;border-radius:50%;background:conic-gradient(var(--muted) var(--cycle,0%),var(--raised) 0);display:grid;place-items:center;box-shadow:0 2px 8px var(--line);color:var(--ink)}
.studio-cycle-ring:before{content:'';width:43px;height:43px;background:var(--raised);border-radius:50%;grid-area:1/1}
.studio-cycle-ring span{font-size:var(--t-12);position:relative;grid-area:1/1;text-align:center;font-weight:700}
.studio-scrubber{padding:0 17px 14px;background:var(--raised);display:flex;align-items:center;gap:12px;font-size:var(--t-12);color:var(--muted)}
.studio-scrubber input{width:100%;accent-color:var(--muted);height:5px;cursor:pointer}
.studio-movement-note{font-size:var(--t-12)}
.sbar-slots{display:grid;gap:8px;margin:16px 0}
.sbar-slot{position:relative;border:1px dashed var(--line);border-radius:9px;background:var(--raised);min-height:55px;display:flex;align-items:center;gap:11px;padding:10px;font-size:var(--t-12);text-align:left}
.sbar-slot:hover,.sbar-slot.over{border-color:var(--muted);background:var(--raised)}
.sbar-slot .slot-letter{width:29px;min-width:29px;height:29px;border-radius:7px;background:var(--raised);color:var(--muted);display:grid;place-items:center;font-weight:800;font-size:var(--t-12)}
.sbar-slot.filled{border-style:solid;background:white}
.sbar-slot.match{background:var(--raised);border-color:var(--line)}
.sbar-slot.mismatch{background:var(--raised);border-color:var(--gold)}
.sbar-slot .slot-content{flex:1;line-height:1.5;color:var(--muted)}
.sbar-slot .slot-clear{border:0;font-size:var(--t-14);color:var(--muted)}
.sbar-pool{display:grid;gap:8px;margin:14px 0}
.sbar-card{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:11px;text-align:left;font-size:var(--t-12);line-height:1.65;cursor:grab;transition:var(--motion)}
.sbar-card:hover,.sbar-card.selected{border-color:var(--muted);background:var(--raised);transform:translateX(3px)}
.sbar-card.selected{box-shadow:0 0 0 2px var(--line)}
.sbar-card:active{cursor:grabbing}
.sbar-card .handle{font-size:var(--t-16);color:var(--muted);line-height:1.3}
.studio-result{padding:20px;background:var(--raised);border:1px solid var(--line);border-radius:13px;text-align:center;margin:16px 0}
.studio-result .result-number{font-size:var(--t-38);letter-spacing:-2px;color:var(--ink);font-family:'Playfair Display';font-weight:800}
.studio-result p{font-size:var(--t-12);color:var(--muted)}
.studio-result h3{font-size:var(--t-16);color:var(--ink);margin:8px 0}
.studio-review-row{display:flex;justify-content:space-between;font-size:var(--t-12);padding:8px 0;border-bottom:1px solid var(--line);gap:10px}
.studio-mini-log{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.studio-mini-log span{font-size:var(--t-12);background:var(--raised);color:var(--ink);padding:5px 9px;border-radius:5px}
[data-theme="dark"] .studio-tab[aria-selected="true"],[data-theme="dark"] .studio-result{background:var(--ink)}
[data-theme="dark"] .studio-choice:hover:not(:disabled),[data-theme="dark"] .sbar-card.selected,[data-theme="dark"] .sbar-card:hover{background:var(--ink)}
[data-theme="dark"] .studio-choice.good,[data-theme="dark"] .studio-feedback.correct,[data-theme="dark"] .sbar-slot.match{background:var(--ink);color:var(--muted)}
[data-theme="dark"] .studio-choice.wrong,[data-theme="dark"] .studio-feedback,[data-theme="dark"] .sbar-slot.mismatch{background:var(--ink);color:var(--muted)}
[data-theme="dark"] .studio-references,[data-theme="dark"] .sbar-slot,[data-theme="dark"] .sbar-slot.filled{background:var(--ink)}
[data-theme="dark"] .sbar-slot .slot-content{color:var(--muted)}
[data-theme="dark"] .studio-smallpanel .quote{color:var(--muted)}
[data-theme="dark"] .studio-result h3,[data-theme="dark"] .studio-result .result-number{color:var(--muted)}
[data-theme="dark"] .studio-safety-band{background:var(--ink);color:var(--muted)}
[data-theme="dark"] .studio-visual{--teal:var(--success)}
.studio-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1200px){.studio-workbench-body{grid-template-columns:minmax(0,1.15fr) minmax(270px,1fr)}}
@media (max-width:1200px){.studio-side{padding:20px}}
@media (max-width:1200px){.studio-tab{padding:13px 12px;gap:8px}}
@media (max-width:1200px){.studio-tab strong{font-size:var(--t-12)}}
@media (max-width:1200px){.studio-tab-symbol{width:31px;height:31px}}
@media (max-width:1200px){.studio-canvas-wrap{aspect-ratio:1.3}}
@media (max-width:1200px){.studio-options{gap:6px}}
@media (max-width:1200px){.studio-choice{padding:9px 8px}}
@media (max-width:1200px){.studio-choice .number{min-width:18px;width:18px}}
@media (max-width:1020px){.studio-workbench-body{grid-template-columns:1fr}}
@media (max-width:1020px){.studio-side{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:1020px){.studio-canvas-wrap{aspect-ratio:1.5}}
@media (max-width:1020px){.studio-switcher{gap:8px}}
@media (max-width:1020px){.studio-tab{display:block}}
@media (max-width:1020px){.studio-tab-symbol{margin-bottom:8px}}
@media (max-width:1020px){.studio-tab-check{position:absolute;right:12px;top:12px}}
@media (max-width:1020px){.studio-hero-text{max-width:400px}}
@media (max-width:1020px){.studio-hero h2{font-size:var(--t-30)}}
@media (max-width:1020px){.studio-heading .studio-topmeta{display:none}}
@media (max-width:1020px){.studio-options{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1020px){.studio-side h3{font-size:var(--t-18)}}
@media (max-width:1020px){.studio-bottom-row{grid-template-columns:1fr}}
@media (max-width:1020px){.studio-sbar-body{display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:1020px){.studio-sbar-body>.studio-sbar-context{grid-column:1/-1}}
@media (max-width:760px){.studio-hero{padding:25px;min-height:253px}}
@media (max-width:760px){.studio-hero h2{font-size:var(--t-30)}}
@media (max-width:760px){.studio-hero-text{max-width:330px;padding:25px}}
@media (max-width:760px){.studio-hero>img{width:85%;opacity:.75}}
@media (max-width:760px){.studio-hero:after{background:linear-gradient(90deg,var(--success) 0%,var(--success) 47%,var(--success) 100%)}}
@media (max-width:760px){.studio-hero p{font-size:var(--t-12);max-width:260px}}
@media (max-width:760px){.studio-heading h1{font-size:var(--t-24)}}
@media (max-width:760px){.studio-tab strong{font-size:var(--t-12)}}
@media (max-width:760px){.studio-tab small{font-size:var(--t-12)}}
@media (max-width:760px){.studio-workbench-top{padding:20px}}
@media (max-width:760px){.studio-workbench-top h2{font-size:var(--t-24)}}
@media (max-width:760px){.studio-canvas-wrap{aspect-ratio:1.35}}
@media (max-width:760px){.studio-canvas-caption{font-size:var(--t-12);bottom:auto;left:auto;right:auto;padding:9px 11px;position:relative;margin:0 12px 12px;min-height:48px}}
@media (max-width:760px){.studio-canvas-caption strong{font-size:var(--t-12)}}
@media (max-width:760px){.studio-side{padding:20px;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:760px){.studio-options{grid-template-columns:1fr}}
@media (max-width:760px){.studio-sbar-body{display:block}}
@media (max-width:760px){.studio-references{flex-direction:column;gap:7px}}
@media (max-width:760px){.studio-scene-label{font-size:var(--t-12);left:12px;top:12px}}
@media (max-width:760px){.studio-scene-step{right:12px;top:12px;font-size:var(--t-12)}}
@media (max-width:760px){.studio-workbench-top>.pill{display:none}}
@media (max-width:760px){.studio-controls{gap:6px;padding:12px}}
@media (max-width:760px){.studio-control{font-size:var(--t-12);padding:0 8px}}
@media (max-width:760px){.studio-controls label{font-size:var(--t-12)}}
@media (max-width:760px){.studio-controls .push{margin-left:0}}
@media (max-width:760px){.studio-scrubber{padding:0 12px 14px}}
@media (max-width:760px){.studio-hotspot{width:28px;height:28px;font-size:var(--t-12)}}
@media (max-width:760px){.studio-movement-selector{padding:10px}}
@media (max-width:760px){.studio-movement-selector button{font-size:var(--t-12);padding:6px 8px}}
@media (max-width:760px){.studio-cycle-ring{right:12px;top:42px}}
@media (max-width:760px){.studio-hero-pills span{font-size:var(--t-12);padding:4px 7px}}
@media (max-width:760px){.studio-sectiontop p{display:none}}
@media (prefers-reduced-motion:reduce){.studio-tab:hover,.studio-card:hover,.sbar-card:hover{transform:none}}
.nav button[data-nav="studio"]{gap:9px;white-space:nowrap;font-size:var(--t-12)}
.studio-dashboard-banner{margin-top:20px;border:1px solid var(--line);background:var(--raised);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px}
.studio-dashboard-banner strong{font-size:var(--t-12);color:var(--ink);display:block}
.studio-dashboard-banner p{font-size:var(--t-12);color:var(--muted);margin-top:4px}
[data-theme="dark"] .studio-dashboard-banner{background:var(--ink);border-color:var(--success)}
[data-theme="dark"] .studio-dashboard-banner strong{color:var(--muted)}
.studio-log-detail{font-size:var(--t-12);white-space:pre-wrap;overflow-wrap:anywhere}
.studio-growth-row{padding:12px 0;border-bottom:1px solid var(--line)}
.studio-growth-row:last-child{border:0}
@media (max-width:1020px){.studio-visual{position:relative;top:0;align-self:auto}}
@media (max-width:760px){.studio-dashboard-banner{align-items:flex-start;flex-direction:column}}
[data-theme="dark"] .studio-tab[aria-selected="true"] .studio-tab-symbol{background:var(--muted);color:var(--ink)}
[data-theme="dark"] .studio-result p{color:var(--muted)}
.greeting .muted,.studio-heading p{font-size:var(--t-16)}
.studio-controls label,.studio-controls select{font-size:var(--t-12)}
.studio-canvas-caption,.studio-canvas-caption strong{font-size:var(--t-14)}
.studio-references,.studio-references a{font-size:var(--t-12)}
.studio-callout,.studio-safety-band,.studio-smallpanel p{font-size:var(--t-12)}
.sbar-card,.sbar-slot{font-size:var(--t-14)}
[data-theme="dark"] .studio-choice,[data-theme="dark"] .studio-tab{color:var(--ink)}
@media (max-width:760px){.studio-workbench-body{grid-template-columns:1fr}}
@media (max-width:760px){.studio-switcher{grid-template-columns:1fr}}
.scenario-progress{display:flex;gap:8px;align-items:center;font-size:var(--t-12);color:var(--muted);margin-bottom:16px}
.scenario-progress span{height:5px;flex:1;background:var(--line);border-radius:4px}
.scenario-progress span.done{background:var(--teal)}
.appraisal-flag{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;margin:9px 0;font-size:var(--t-14)}
.appraisal-flag input{width:20px;height:20px;flex-shrink:0}
.appraisal-flag:has(input:checked){background:var(--mint)}
.adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}
.adv-card{border:1px solid var(--line);border-radius:17px;padding:24px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}
.adv-card p{font-size:var(--t-12);color:var(--muted);margin:10px 0 20px}
.adv-card h3{font-size:var(--t-24);margin-top:12px}
.adv-card .btn{margin-top:auto}
.adv-example-select{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}
.adv-example-select select{font-size:var(--t-14);min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);max-width:100%}
.adv-scene{position:relative;background:var(--bg);border:1px solid var(--line);padding:22px;border-radius:18px;overflow:hidden;margin:20px 0}
.adv-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:220px;align-items:center}
.adv-person{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper);position:relative;z-index:2}
.adv-person h4{font-size:var(--t-16)}
.adv-person p{font-size:var(--t-14);margin-top:8px}
.adv-signal{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--copper);top:50%;left:25%;opacity:0}
.adv-scene.playing .adv-signal{animation:adv-message 3s linear infinite}
.adv-scene.confirmed .adv-signal{background:var(--teal)}
.adv-ladder{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}
.adv-rung{flex:1;min-width:140px;padding:14px;border:1px solid var(--line);border-radius:12px;opacity:.6}
.adv-rung.active{opacity:1;background:var(--mint);border-color:var(--teal)}
.adv-rung b{font-size:var(--t-24);display:block}
.adv-rung p{font-size:var(--t-14)}
.adv-choices{display:grid;gap:10px}
.adv-choices button{text-align:left;padding:15px;border:1px solid var(--line);border-radius:11px;min-height:48px;font-size:var(--t-16);background:var(--paper)}
.adv-choices button:hover{border-color:var(--teal)}
.adv-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.adv-lane{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:14px;min-height:190px}
.adv-lane h4{font-size:var(--t-16)}
.adv-task{padding:13px;border-radius:10px;background:var(--paper);border:1px solid var(--line);margin-top:10px;animation:adv-arrive .25s ease}
.adv-task p{font-size:var(--t-14)}
.adv-task small{display:block;font-size:var(--t-12);color:var(--muted);margin-top:6px}
.adv-timeline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}
.adv-timeline>div{flex:1;border-top:5px solid var(--line);padding-top:12px;min-width:100px}
.adv-timeline>div.active{border-color:var(--teal)}
.adv-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;text-align:center;margin:20px 0}
.adv-flow>div{border:1px solid var(--line);padding:18px 10px;border-radius:14px;background:var(--paper)}
.adv-flow strong{font-size:var(--t-30);display:block;color:var(--teal-dark)}
.adv-flow span{font-size:var(--t-12)}
.adv-dot-row{display:flex;gap:6px;flex-wrap:wrap;min-height:24px;margin-top:13px;justify-content:center}
.adv-dot-row i{height:12px;width:12px;background:var(--teal);border-radius:4px;display:block;animation:adv-arrive .25s ease}
.adv-control-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}
.adv-control-row input{accent-color:var(--teal);min-width:180px}
.adv-source{font-size:var(--t-12);color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding-top:15px;line-height:1.8}
.adv-source a{display:inline}
.adv-model{background:var(--mint);padding:17px;border-radius:12px;font-size:var(--t-14)}
.adv-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.adv-metrics div{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:var(--t-12)}
.adv-metrics b{display:block;font-size:var(--t-24);color:var(--teal-dark)}
.adv-template{width:100%;border-collapse:collapse;font-size:var(--t-14);margin:20px 0}
.adv-template td,.adv-template th{text-align:left;border:1px solid var(--line);padding:13px;vertical-align:top}
.adv-template th{background:var(--mint)}
.adv-topic-row{display:flex;gap:10px;flex-wrap:wrap}
.adv-topic-row span{padding:8px 12px;background:var(--mint);border-radius:20px;font-size:var(--t-12)}
.adv-preview-bone{padding:14px 0}
.adv-preview-bone>div{border-left:4px solid var(--teal);padding:8px 14px;margin:10px 0}
.adv-preview-bone p{margin:5px 0;font-size:var(--t-14)}
[data-theme="dark"] .adv-example-select select{background:var(--paper)}
@media (max-width:900px){.adv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.adv-grid,.adv-stage,.adv-board,.adv-flow,.adv-metrics{grid-template-columns:1fr}}
@media (max-width:600px){.adv-signal{display:none}}
@media (max-width:600px){.adv-template{font-size:var(--t-12)}}
@media (max-width:600px){.adv-template td,.adv-template th{padding:8px}}
@media (max-width:600px){.adv-scene{padding:15px}}
@media (prefers-reduced-motion:reduce){.adv-scene.playing .adv-signal{animation:none;display:none}}
@media (prefers-reduced-motion:reduce){.adv-task,.adv-dot-row i{animation:none}}
.tool-preview,.action-card,.journey-card,.appraisal-flag{border-radius:2px}
.adv-card,.adv-scene,.adv-person,.adv-lane,.adv-task,.adv-rung,.adv-flow>div,.adv-choices button,.adv-model{border-radius:2px}
.studio-hero,.studio-workbench,.studio-smallpanel,.studio-safety-band,.studio-tab,.studio-control,.studio-choice,.sbar-slot,.sbar-card,.movement-step{border-radius:2px}
.studio-hero-text h2{font-size:var(--t-48);font-weight:400;color:var(--neutral-50)}
.studio-hero-text em{color:var(--muted)}
.studio-tab.active,.studio-tab[aria-selected=true]{border-color:var(--teal);box-shadow:inset 0 -2px var(--teal)}
.studio-scene-label,.studio-scene-step{border-radius:2px;font-size:var(--t-12)}
.hca-trail{border-top:1px solid var(--line);padding:15px 0}
.hca-trail h4{font-size:var(--t-20);margin-bottom:5px}
.hca-trail p{font-size:var(--t-12);margin:5px 0}
.hca-trail small{font-size:var(--t-12);color:var(--muted)}
.room-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:27px}
.room-viewport{height:365px;perspective:900px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,var(--raised),var(--line));border:1px solid var(--line)}
.room-stage{position:absolute;top:51%;left:50%;width:260px;height:240px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-35deg) scale(var(--room-zoom,1));transition:transform var(--motion)}
.room-floor{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--line) 40px),repeating-linear-gradient(90deg,var(--raised),var(--raised) 39px,var(--line) 40px);border:2px solid var(--line);box-shadow:0 25px 35px var(--line)}
.room-wall{position:absolute;background:var(--raised);border:1px solid var(--line);transform-origin:bottom}
.room-wall.back{width:260px;height:120px;bottom:240px;transform:rotateX(-90deg)}
.room-wall.side{width:240px;height:120px;bottom:120px;left:-120px;transform:rotateX(-90deg) rotateY(90deg);transform-origin:bottom right;background:var(--mint)}
.room-bed{position:absolute;width:83px;height:142px;left:119px;top:42px;transform:translateZ(29px);background:var(--raised);border:7px solid var(--line);border-radius:4px;box-shadow:10px 13px 0 var(--line)}
.room-bed:before{content:'';position:absolute;inset:44px -2px 0;background:var(--muted);border-radius:0 0 7px 7px}
.room-pillow{position:absolute;top:6px;left:7px;width:54px;height:28px;background:white;border:1px solid var(--line);border-radius:7px}
.room-person{position:absolute;top:23px;left:17px;width:34px;height:94px;border-radius:30% 30% 18% 18%;background:var(--line);transform:translateZ(6px)}
.room-person:before{content:'';position:absolute;top:-12px;left:6px;width:24px;height:25px;background:var(--copper);border-radius:50%}
.room-person:after{content:'';position:absolute;inset:30px -8px -4px;background:var(--muted);border:1px solid var(--muted);border-radius:9px}
.room-table{position:absolute;width:45px;height:55px;left:208px;top:40px;background:var(--gold);border:3px solid var(--copper);transform:translateZ(25px);box-shadow:5px 8px 0 var(--line)}
.room-tray{position:absolute;width:38px;height:39px;left:47px;top:36px;background:var(--mint);border:3px solid var(--muted);transform:translateZ(26px);box-shadow:4px 6px 0 var(--line)}
.room-sink{position:absolute;left:5px;top:150px;width:51px;height:49px;background:var(--raised);border:5px solid var(--line);transform:translateZ(28px);border-radius:6px}
.room-sink:after{content:'';position:absolute;left:8px;top:6px;width:24px;height:24px;border:2px solid var(--line);border-radius:50%;background:var(--raised)}
.room-node{position:absolute;z-index:3;transform:translateZ(70px) rotateZ(35deg) rotateX(-57deg);width:34px;height:34px;min-height:34px;border-radius:50%;background:var(--teal);color:white;box-shadow:0 0 0 4px var(--raised);border:1px solid white;font:600 var(--t-12) Inter,sans-serif}
.room-node.active{background:var(--navy);box-shadow:0 0 0 6px var(--gold)}
.room-vignette{background:var(--bg);padding:20px;border-left:2px solid var(--copper);margin-bottom:15px}
.room-vignette h3{font-size:var(--t-24)}
.room-vignette p{font-size:var(--t-14);line-height:1.9;margin:10px 0}
.room-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:var(--t-12);margin:15px 0}
.room-controls label{display:grid;gap:4px;flex:1;min-width:120px}
.room-controls input{accent-color:var(--teal);width:100%;min-height:30px}
.room-hotspot-list{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}
.room-hotspot-list button{font-size:var(--t-12);min-height:38px;border:1px solid var(--line);padding:7px 10px;background:var(--paper)}
.room-hotspot-list button.active{background:var(--teal);color:white}
.room-flat .room-viewport{display:none}
.room-flat .room-layout{grid-template-columns:1fr}
.room-figure-caption{font-size:var(--t-12);color:var(--muted);margin-top:10px}
.room-result{min-height:20px}
.room-progress{display:flex;justify-content:space-between;font-size:var(--t-12);color:var(--muted);padding:10px 0;margin-bottom:12px}
[data-theme="dark"] .room-hotspot-list button.active{background:var(--line);color:var(--ink)}
[data-theme="dark"] .studio-hero-text h2{color:white}
[data-theme="dark"] .room-viewport{background:radial-gradient(ellipse,var(--ink),var(--ink))}
.hca-reduce .adv-scene.playing .adv-signal{display:none}
@media (max-width:1000px){.room-layout{grid-template-columns:1fr}}
@media (max-width:1000px){.room-viewport{height:310px}}
@media (max-width:760px){.room-viewport{height:310px}}
@media (max-width:760px){.room-controls{gap:10px}}
@media (max-width:760px){.room-vignette{padding:17px}}
@media (max-width:760px){.room-vignette h3{font-size:var(--t-24)}}
@media (max-width:760px){.adv-template{display:block;overflow-x:auto}}
@media (max-width:760px){.studio-hero-text h2{font-size:var(--t-38)}}
@media (max-width:760px){.studio-topmeta{display:none}}
@media (prefers-reduced-motion:reduce){.room-stage{transition:none}}
.studio-hero:before{content:"ILLUSTRATIVE IMAGE";position:absolute;bottom:13px;right:13px;z-index:3;font:var(--t-12) Inter,sans-serif;letter-spacing:.12em;color:white;border:1px solid var(--raised);background:var(--navy);padding:5px 8px}
.course-footer>span,.course-meta,.practice-meta,.field-hint,.source-list,.reading-outline p,.date-tag,.hca-inline-bar,.room-figure-caption,.room-progress,.draft-status,.hca-metric p,.hca-trail small,.studio-references,.adv-source,.tiny-plan p,.footer p,.footer span,.legal{font-size:var(--t-14);line-height:1.65}
.btn,.filter,.phase-tabs button,.catalog-nav button,.text-link,.example-switch button,.reading-outline button,.room-hotspot-list button{font-size:var(--t-16);min-height:44px}
.cc-studio-head{padding:22px;background:var(--mint);border-left:3px solid var(--teal);margin:18px 0}
.cc-studio-head h3{font-size:var(--t-24);margin:10px 0}
.cc-studio-head p{margin-bottom:0}
.cc-match-row{padding:18px;border-bottom:1px solid var(--line)}
.cc-match-row label{display:block;font-size:var(--cc-text);margin:10px 0}
.cc-match-row select{width:100%;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);font-size:var(--cc-text);min-height:48px}
.cc-risk-display{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cc-risk-numbers{padding:20px;background:var(--mint);text-align:center}
.cc-risk-numbers strong{font-size:var(--t-38);display:block;color:var(--navy)}
.cc-risk-numbers span{font-size:var(--t-16)}
.cc-risk-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:15px}
.cc-risk-dots i{aspect-ratio:1;background:var(--line);border-radius:3px}
.cc-risk-dots i.on{background:var(--teal)}
.cc-sequence{display:grid;gap:12px}
.cc-sequence>button{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);padding:15px;color:var(--ink)}
.cc-sequence>button:disabled{opacity:.55}
.cc-order-selected{padding:16px;background:var(--mint);margin:15px 0;min-height:75px}
.cc-order-selected p{margin:5px 0}
.cc-studio-report{padding:18px;border-left:3px solid var(--teal);background:var(--mint);margin:18px 0}
.cc-studio-report h4{font-size:var(--t-20);margin-bottom:8px}
[data-theme="dark"] .cc-risk-dots i.on,[data-theme="dark"] .cc-evidence-bar span,[data-theme="dark"] .cc-people i.active{background:var(--line)}
@media (max-width:760px){.cc-risk-numbers{padding:12px}}
@media (max-width:760px){.cc-risk-numbers strong{font-size:var(--t-30)}}
.cc-sequence>button,.cc-stage-card{animation:cc-appear .2s ease}
@media (prefers-reduced-motion:reduce){.cc-sequence>button,.cc-stage-card{animation:none}}
.cc-sim-modal{width:min(1240px,calc(100vw - 32px));max-width:1240px;max-height:92dvh}
.cc-sim-art{margin:0 0 20px;position:relative;background:var(--bg);overflow:hidden;border-radius:10px}
.cc-sim-art img{width:100%;height:215px;object-fit:cover;object-position:center 50%;display:block}
.cc-sim-art figcaption{position:absolute;bottom:10px;right:12px;color:var(--neutral-50);background:var(--navy);font-size:var(--t-12);padding:5px 8px;border-radius:4px;letter-spacing:.03em}
.cc-sim-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;align-items:start}
.cc-sim-task{min-width:0}
.cc-sim-task>h3{font-size:var(--t-30);margin:10px 0}
.cc-sim-task p{margin:12px 0}
.cc-sim-viewport{height:385px;perspective:1100px;background:radial-gradient(ellipse at center,var(--raised),var(--mint));border:1px solid var(--line);position:relative;overflow:hidden;border-radius:10px}
.cc-sim-stage{position:absolute;width:400px;height:280px;left:50%;top:51%;transform-style:preserve-3d;transform-origin:center;transition:transform var(--motion)}
.cc-sim-floor{position:absolute;inset:0;border:2px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--line) 40px),repeating-linear-gradient(90deg,var(--raised),var(--raised) 39px,var(--line) 40px);box-shadow:15px 25px 35px var(--line)}
.cc-sim-wall{position:absolute;border:1px solid var(--line);background:var(--raised);transform-origin:bottom}
.cc-sim-wall.back{width:400px;height:110px;bottom:280px;transform:rotateX(-90deg);background:linear-gradient(90deg,var(--navy),var(--success))}
.cc-sim-wall.side{width:280px;height:110px;left:-140px;bottom:140px;transform:rotateX(-90deg) rotateY(90deg);transform-origin:bottom right;background:var(--raised)}
.cc-sim-node{position:absolute;z-index:3;width:38px;height:38px;min-height:38px;border-radius:50%;border:2px solid white;background:var(--navy);color:white;box-shadow:0 0 0 4px var(--raised);transform:translateZ(100px) rotateZ(30deg) rotateX(-54deg);font:650 var(--t-16)/1 Inter,sans-serif;transition:box-shadow var(--motion)}
.cc-sim-node.selected{background:var(--copper);box-shadow:0 0 0 6px var(--line)}
.cc-sim-node.reviewed{background:var(--teal);transition:background var(--motion),box-shadow var(--motion)}
.cc-sim-signal{position:absolute;left:90px;top:150px;width:13px;height:13px;border-radius:50%;background:var(--copper);border:2px solid var(--raised);transform:translateZ(75px);box-shadow:0 0 0 5px var(--line);opacity:0}
.is-playing .cc-sim-signal{opacity:1;animation:cc-sim-signal 6s linear infinite}
.cc-sim-caption{display:block;font-size:var(--t-12);color:var(--muted);line-height:1.6;margin:8px 0}
.cc-sim-viewport>.cc-sim-caption{position:absolute;left:12px;bottom:9px;color:var(--ink);background:var(--raised);padding:3px 7px;border-radius:3px}
.cc-sim-view-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.cc-sim-view-controls .btn{font-size:var(--t-12);padding:9px 11px}
.cc-sim-ranges{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.cc-sim-ranges label{display:grid;font-size:var(--t-12);gap:5px}
.cc-sim-ranges input{accent-color:var(--teal);width:100%;min-height:36px}
.cc-sim-hotspot-list{display:grid;gap:9px;margin:18px 0}
.cc-sim-hotspot-list button{display:flex;gap:12px;align-items:center;width:100%;padding:11px 14px;min-height:48px;text-align:left;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;font-size:var(--t-14)}
.cc-sim-hotspot-list b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--mint);color:var(--teal-dark)}
.cc-sim-hotspot-list button.active{border-color:var(--teal);background:var(--mint)}
.cc-sim-risk-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--mint);padding:16px;border-radius:8px}
.cc-sim-risk-board strong{font:600 var(--t-20) Inter,sans-serif;color:var(--navy)}
.cc-sim-risk-board small{grid-column:1/-1;font-size:var(--t-12);color:var(--muted)}
.cc-sim-risk-board .cc-risk-dots{gap:3px}
.cc-sim-viewport.is-flat{display:none}
.cc-simulation-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:var(--mint);border-left:3px solid var(--copper);margin:18px 0}
.cc-simulation-invite span{font-size:var(--t-14);font-weight:600;color:var(--teal-dark)}
.cc-sim-catalogue{margin-bottom:36px}
[data-theme="dark"] .cc-sim-viewport{background:radial-gradient(ellipse,var(--success),var(--navy))}
@media (max-width:1050px){.cc-sim-layout{grid-template-columns:1fr}}
@media (max-width:1050px){.cc-sim-viewport{height:340px}}
@media (max-width:1050px){.cc-sim-hotspot-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1050px){.cc-sim-hotspot-list button{align-items:flex-start;font-size:var(--t-12);padding:10px}}
@media (max-width:1050px){.cc-sim-task{border-top:1px solid var(--line);padding-top:24px}}
@media (max-width:1050px){.cc-sim-art img{height:185px}}
@media (max-width:600px){.cc-sim-modal{width:calc(100vw - 14px)}}
@media (max-width:600px){.cc-sim-art img{height:150px}}
@media (max-width:600px){.cc-sim-viewport{height:310px}}
@media (max-width:600px){.cc-sim-stage{scale:.8}}
@media (max-width:600px){.cc-sim-hotspot-list{grid-template-columns:1fr}}
@media (max-width:600px){.cc-sim-hotspot-list button{align-items:center;font-size:var(--t-14)}}
@media (max-width:600px){.cc-simulation-invite{align-items:flex-start;flex-direction:column;gap:6px}}
@media (prefers-reduced-motion:reduce){.is-playing .cc-sim-signal{animation:none;opacity:0}}
@media (prefers-reduced-motion:reduce){.cc-sim-stage,.cc-sim-node{transition:none}}
.hca-reduce .cc-sim-signal{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){.progress-track>div,.course-photo,.practice-art img,.cc-sim-node.reviewed{transition:none}}
.hca-reduce .progress-track>div,.hca-reduce .course-photo,.hca-reduce .practice-art img,.hca-reduce .cc-sim-node.reviewed{transition:none}
.hca-reading-figure .cc-disclosure,.cc-sim-art .cc-disclosure{margin:8px 0 0}
@media (max-width:760px){.course-grid,.practice-grid,.pathway-grid,.resource-grid,.room-layout,.cc-stage-grid,.cc-source-grid,.reading-layout,.workspace-grid,.comparison,.hca-growth-grid,.summary-grid,.lower-grid,.hca-onboard,.hca-how-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.modal,.modal.tool-workspace,.modal.cc-sim-modal{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;animation:none}}
@media (max-width:760px){.cc-sim-ranges,.cc-sim-hotspot-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.adv-rung,.adv-timeline>div{min-width:0}}
@media (max-width:760px){.adv-control-row input{min-width:0;max-width:100%}}
@media (max-width:760px){.adv-ladder,.adv-timeline{flex-wrap:wrap}}
@media (max-width:760px){.cc-risk-display{grid-template-columns:minmax(0,1fr)}}
@keyframes breathe {
  0%,100% {transform: scale(.88);}
  40% {transform: scale(1.13);}
}
@keyframes adv-message {
  0% {left: 25%; opacity: 0;}
  20% {opacity: 1;}
  80% {opacity: 1;}
  100% {left: 75%; opacity: 0;}
}
@keyframes adv-arrive {
  from {opacity: .2; transform: translateY(6px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes cc-appear {
  from {opacity: .65; transform: translateY(3px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes cc-sim-signal {
  0% {left: 90px; top: 150px;}
  33% {left: 305px; top: 78px;}
  66% {left: 290px; top: 205px;}
  100% {left: 90px; top: 150px;}
}
html[data-motion="reduce"] .breath-circle.running,html[data-motion="reduce"] .adv-scene.playing .adv-signal,html[data-motion="reduce"] .adv-task,html[data-motion="reduce"] .adv-dot-row i,html[data-motion="reduce"] .cc-sequence>button,html[data-motion="reduce"] .cc-stage-card,html[data-motion="reduce"] .is-playing .cc-sim-signal,html[data-motion="reduce"] .hca-reduce .cc-sim-signal,html[data-motion="reduce"] .modal,html[data-motion="reduce"] .modal.tool-workspace,html[data-motion="reduce"] .modal.cc-sim-modal{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){.breath-circle.running,.adv-scene.playing .adv-signal,.adv-task,.adv-dot-row i,.cc-sequence>button,.cc-stage-card,.is-playing .cc-sim-signal,.hca-reduce .cc-sim-signal,.modal,.modal.tool-workspace,.modal.cc-sim-modal{animation:none;transition:none}}

/* 60-second scenario: first-visit hook dialog and the daily Today card. */
.scenario-question{font:500 clamp(1.25rem,2.4vw,1.625rem)/1.35 'Playfair Display',Georgia,serif;color:var(--ink);margin:0 0 var(--s-24);max-width:46ch}
.scenario-options{display:grid;gap:var(--s-12)}
.scenario-option{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--s-16);align-items:start;text-align:left;width:100%;padding:var(--s-16);border:1.5px solid var(--line);border-radius:14px;background:var(--raised);color:var(--ink);font-size:var(--t-16);line-height:1.5;transition:border-color var(--motion) var(--ease),transform var(--motion) var(--ease),box-shadow var(--motion) var(--ease)}
.scenario-option:not(:disabled):hover{border-color:var(--accent);box-shadow:var(--shadow-1);transform:translateY(-1px)}
.scenario-option:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.scenario-option:disabled{cursor:default;opacity:1}
.scenario-letter{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);font-weight:700;font-size:var(--t-14);color:var(--teal-dark);background:var(--surface)}
.scenario-text{display:grid;gap:6px}
.scenario-text small{font-size:var(--t-14);color:var(--muted);line-height:1.55}
.scenario-option.is-strongest{border-color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--raised))}
.scenario-option.is-strongest .scenario-letter{background:var(--success);border-color:var(--success);color:var(--raised)}
.scenario-option.is-strongest .scenario-text small b{color:var(--success)}
.scenario-option.is-chosen{border-color:var(--copper);border-style:dashed}
.scenario-option.is-other{opacity:.86}
.scenario-reveal{margin-top:var(--s-24);padding:var(--s-24);border-radius:16px;background:var(--mint);border-left:4px solid var(--accent);animation:scenario-in .35s var(--ease)}
.scenario-reveal p{margin:0 0 var(--s-12);font-size:var(--t-16)}
.scenario-takeaway{display:flex;gap:var(--s-12);align-items:flex-start;font-weight:600;color:var(--ink)}
.scenario-reveal .scenario-takeaway{margin:0}
.scenario-takeaway .icon{color:var(--gold);flex-shrink:0;margin-top:2px}
@keyframes scenario-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Daily card on Today */
.scenario-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0;margin:var(--s-48) 0;border:1px solid var(--line);border-radius:24px;background:var(--raised);box-shadow:var(--shadow-1);overflow:hidden}
.scenario-card-main{padding:clamp(22px,3.4vw,40px);min-width:0}
.scenario-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-12);flex-wrap:wrap;margin-bottom:var(--s-12)}
.scenario-card-head .eyebrow{margin:0}
.scenario-chip{font-size:var(--t-12);font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}
.scenario-card-actions{margin-top:var(--s-24)}
.scenario-card-side{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:clamp(22px,3vw,32px);background:var(--navy);color:#F8F5EF}
.scenario-card-side>strong{font:500 3.25rem/1 'Playfair Display',Georgia,serif;color:#F3D99B;margin-top:var(--s-12)}
.scenario-card-side>span{font-size:var(--t-14);color:#D5E5E2}
.scenario-card-side dl{display:grid;gap:var(--s-8);margin:var(--s-24) 0 var(--s-16);width:100%}
.scenario-card-side dl div{display:flex;justify-content:space-between;gap:var(--s-12);border-top:1px solid #ffffff26;padding-top:var(--s-8);font-size:var(--t-14)}
.scenario-card-side dt{color:#C7DCDA}.scenario-card-side dd{margin:0;font-weight:700;color:#fff}
.scenario-card-side p{font-size:var(--t-14);color:#C7DCDA;margin:auto 0 0}
.scenario-flame{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffffff14;color:#F3D99B}
[data-theme="dark"] .scenario-card-side{background:#06121D}

/* First-visit hook dialog */
.cc-hook{width:min(760px,calc(100% - 24px));max-width:100%;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:28px;background:var(--raised);color:var(--ink);box-shadow:0 30px 90px #07162366;overflow:auto;overscroll-behavior:contain}
.cc-hook::backdrop{background:radial-gradient(circle at 30% 20%,#087D7A55,transparent 55%),radial-gradient(circle at 80% 90%,#C9A24A40,transparent 50%),#10253AE6;backdrop-filter:blur(6px)}
.cc-hook[open]{animation:cc-hook-in .45s var(--ease)}
@keyframes cc-hook-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.cc-hook-inner{padding:clamp(20px,4vw,40px)}
.cc-hook-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-16);margin-bottom:var(--s-24)}
.cc-hook-brand{display:flex;align-items:center;gap:var(--s-12);font:500 1.25rem 'Playfair Display',Georgia,serif;color:var(--ink)}
.cc-hook-brand span{display:grid;line-height:1.15}
.cc-hook-brand small{font:600 .6875rem Inter,sans-serif;letter-spacing:.12em;color:var(--muted)}
.cc-hook-skip{min-height:44px;padding:0 var(--s-16);border-radius:999px;border:1px solid var(--line);font-size:var(--t-14);font-weight:600;color:var(--muted);white-space:nowrap}
.cc-hook-skip:hover{color:var(--ink);border-color:var(--ink)}
.cc-hook-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-8) var(--s-24);align-items:center;margin-bottom:var(--s-24)}
.cc-hook-intro .eyebrow{grid-column:1/-1;margin:0}
.cc-hook-intro h2{font-size:clamp(1.75rem,4.2vw,2.5rem);line-height:1.12;margin:0;letter-spacing:-.02em}
.cc-hook-intro h2 em{color:var(--teal-dark)}
.cc-hook-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:var(--t-14)}
.cc-hook-timer{position:relative;width:64px;height:64px}
.cc-hook-timer svg{width:64px;height:64px;transform:rotate(-90deg)}
.cc-hook-timer circle{fill:none;stroke-width:3.5}
.cc-hook-timer .track{stroke:var(--line)}
.cc-hook-timer .fill{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.cc-hook-timer span{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:var(--t-16);color:var(--ink)}
.cc-hook.is-answered .cc-hook-timer{opacity:.4}
.cc-hook .scenario-question{font-size:clamp(1.125rem,2.6vw,1.375rem);font-family:Inter,sans-serif;font-weight:600;line-height:1.5;max-width:none}
.scenario-next{margin-top:var(--s-24);padding-top:var(--s-24);border-top:1px solid var(--line)}
.scenario-next p{color:var(--muted)}
.scenario-next p strong{color:var(--ink)}

@media(max-width:900px){.scenario-card{grid-template-columns:minmax(0,1fr)}.scenario-card-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s-8) var(--s-16)}.scenario-card-side>strong{margin:0;font-size:2.25rem}.scenario-card-side dl{margin:var(--s-8) 0;grid-template-columns:1fr 1fr}.scenario-card-side p{margin:0}}
@media(max-width:600px){.cc-hook{width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.cc-hook-intro{grid-template-columns:minmax(0,1fr)}.cc-hook-timer{display:none}.scenario-option{grid-template-columns:32px minmax(0,1fr);gap:var(--s-12);padding:var(--s-12)}.scenario-letter{width:32px;height:32px}.scenario-next .row .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.scenario-reveal,.cc-hook[open]{animation:none}.scenario-option{transition:none}.scenario-option:not(:disabled):hover{transform:none}}
[data-motion=reduce] .scenario-reveal,[data-motion=reduce] .cc-hook[open]{animation:none}[data-motion=reduce] .scenario-option{transition:none}[data-motion=reduce] .scenario-option:not(:disabled):hover{transform:none}

/* Sibling app link in the sidebar signature */
.sidebar-sibling{display:block;margin:var(--s-12) 0 var(--s-8);padding:var(--s-8) var(--s-12);border:1px solid var(--line);border-radius:10px;font-size:var(--t-12);line-height:1.45;color:var(--muted);text-decoration:none}
.sidebar-sibling b{display:block;color:var(--teal-dark);font-size:var(--t-14)}
.sidebar-sibling:hover{border-color:var(--accent);color:var(--ink)}