/* Studio 3.6. Canonical visual adapter; loads after the compatible pilot styles.
   This file owns the final token values and shared component presentation. */
:root{--bg:#F4F6F2;--surface:#FFFFFF;--surface-soft:#F3F5F0;--ink:#203A35;--muted:#5C6E66;--line:#DFE6DD;--primary:#4E6B67;--primary-deep:#354F49;--purple-soft:#E8EEE7;--mint:#EAF0E5;--nav:#203C35;--shadow:0 3px 14px #203a3504;--radius:19px;--sidebar:250px;--forest:#4E6B67;--ivory:#F1EEDF;--sage:#7A9993;--display:"Manrope","Segoe UI",Arial,sans-serif;--utility:"Consolas","Courier New",monospace;--scroll-thumb:#AAB9AE;--scroll-track:#F1F4ED;--scroll-hover:#7A9993;--scroll-active:#4E6B67;--focus:#2F7161}
body[data-theme=dark]{--bg:#14251F;--surface:#1E342C;--surface-soft:#263F35;--ink:#EEF1E6;--muted:#B9C9BD;--line:#3C574A;--primary:#B6CEC1;--primary-deep:#D7E5D7;--purple-soft:#304E40;--mint:#304E40;--nav:#162E26;--shadow:none;--scroll-thumb:#607D6B;--scroll-track:#1B3028;--scroll-hover:#8EAB98;--scroll-active:#BDD1C0;--focus:#C5DEC8}
html{scrollbar-gutter:stable;scroll-padding-top:100px}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}body{font-size:15px;line-height:1.7}button,a{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}textarea{resize:none;min-height:130px}h1,h2,h3{font-family:var(--display)}h1{font-weight:750;letter-spacing:-.03em}h2{font-weight:700;letter-spacing:-.015em}p{line-height:1.8}.overline,.eyebrow{font-size:10px;letter-spacing:1.35px;font-weight:700}.card{border-radius:var(--radius);box-shadow:var(--shadow)}.btn,button{border-radius:10px}.btn.primary,button.primary{box-shadow:0 3px 0 #203a3510}.btn.secondary{background:var(--surface);border:1px solid var(--line)}.icon-tile{background:var(--purple-soft);color:var(--primary);border-radius:12px}.badge{border-radius:6px;font-size:11px}.text-link{font-size:12px}.progress{height:6px}.progress span{background:var(--primary)}
aside#sidebar{background:var(--nav);color:#E9EEE4;padding:29px 17px 20px;border-right:0}.brand{padding:0 11px 26px}.brand-lockup-light{display:none}.brand-lockup-dark,body[data-theme=dark] .brand-lockup-dark{display:block}.brand small{color:#B2C5B5;font-size:8px;letter-spacing:1.7px}.workspace-label{border-color:#ffffff1a;color:#F1EEDF;padding:17px 9px;margin-bottom:17px}.workspace-label small{color:#B2C5B5;font-size:10px}.school-icon{background:#ffffff0d;color:#DCE8D7}.workspace-tag{color:#DCE8D7;background:#ffffff0a;padding:3px 7px;border:1px solid #ffffff15;border-radius:5px}.nav-label{color:#A2BAA9;font-size:8px;letter-spacing:1.4px;padding-top:18px}#sidebar nav a{color:#C7D5C9;font-size:12.5px;padding:12px 14px;min-height:47px;border:1px solid transparent;border-radius:10px;margin:4px 0}#sidebar nav a .icon{width:18px;height:18px}#sidebar nav a.active{background:#F1EEDF;color:#203A35;box-shadow:0 4px 15px #0c1b1810;border-color:#F1EEDF}#sidebar nav a:hover:not(.active){color:#F1EEDF;background:#ffffff0c;border-color:#ffffff10}.nav-count{background:#ffffff12;color:#DFE8DA}#sidebar nav a.active .nav-count{background:#203a350c;color:#4E6B67}.sidebar-settings{color:#C2D3C4;border:1px solid #ffffff16;font-size:11px}.sidebar-settings:hover{background:#ffffff0b;color:#F1EEDF}.offline-card{background:#ffffff06;border:1px solid #ffffff15;border-radius:13px;padding:17px}.offline-card>span,.offline-card strong{color:#E5EEDC}.offline-card strong{font-size:12px}.offline-card p{color:#B2C5B5;font-size:10px;line-height:1.75}.offline-card button{color:#E5EEDC;font-size:10px}.offline-card button:hover{background:#ffffff0b;border-color:transparent}.profile{border-color:#ffffff16;color:#E3EBDE;padding-top:20px;font-size:11px}.profile small{color:#AFC3B2;font-size:9px}.avatar{background:#ffffff0b;color:#C5D7C7}.profile-check{color:#CBDFC6}
header{height:76px;background:var(--surface);padding:0 34px}.breadcrumb{font-size:12px}.breadcrumb-root{color:var(--muted)}.quick-search{background:var(--bg);border:1px solid var(--line);border-radius:9px;width:240px;max-width:26%;min-height:38px;font-size:11px}.quick-search kbd{font-family:var(--utility);font-size:9px;border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:1px 4px}.status-button{font-size:10px;border:1px solid var(--line);background:transparent;border-radius:20px;padding:6px 10px}.status-button.ready{border-color:var(--line);background:var(--purple-soft)}.header-avatar{background:var(--ivory);color:#203A35;border:1px solid var(--line);font-size:12px}.icon-button{border-radius:9px}.shell main{max-width:1500px;padding:32px 34px 42px}.studio-title{margin:0 0 21px;align-items:center}.studio-title h1{font-size:32px;margin-top:5px}.studio-title p{font-size:12px;margin:6px 0 0}.date-label{font-size:10px;gap:8px;white-space:nowrap;color:var(--muted)}.path-switch{display:flex;align-items:center;gap:4px;background:transparent;padding:0;margin-bottom:24px;border:0}.path-switch button{font-size:11px;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none}.path-switch button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 2px 4px #203a3504}.path-switch button:hover:not(:disabled){background:var(--purple-soft);border-color:var(--line)}.path-switch>span{margin-left:12px;font-size:10px;color:var(--muted)}
/* The evidence board is the product signature; it contains no interactive controls or answers. */
.mission-banner.evidence-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:20px;margin-bottom:23px;min-height:333px;padding:34px 33px 30px;background:#E9EBDD;border:1px solid #D9E0D1;border-radius:21px;overflow:hidden;color:#203A35;position:relative}.hero-copy{position:relative;z-index:1;padding:0;max-width:490px;align-self:center}.evidence-hero .banner-label{font-size:9px;letter-spacing:1.5px;color:#4E6B67;display:flex;gap:8px;align-items:center}.hero-status-dot{width:6px;height:6px;border-radius:50%;background:#4E6B67;box-shadow:0 0 0 4px #4e6b6710}.evidence-hero h2{color:#203A35;font-size:38px;line-height:1.15;letter-spacing:-1.9px;max-width:410px;margin:16px 0}.evidence-hero p{font-size:12px;line-height:1.9;color:#52665B;max-width:390px;margin-bottom:23px}.evidence-hero .btn.primary{background:#4E6B67;border-color:#4E6B67;color:#FFFFFF;font-size:11px;min-height:43px;padding:12px 16px;box-shadow:0 3px 8px #203a350e}.evidence-hero .btn.primary:hover{background:#354F49}.evidence-hero .banner-actions{gap:18px;flex-wrap:wrap}.hero-guide{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#3B584A;text-decoration:none;font-weight:650}.hero-guide .icon{width:13px;transform:rotate(180deg)}.hero-guide:hover{text-decoration:underline}.hero-meta{display:flex;gap:18px;margin-top:25px;color:#536B59;font-size:9px}.hero-meta>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.hero-meta .icon{width:13px;height:13px}.investigation-board{position:relative;min-height:290px;align-self:center;isolation:isolate;max-width:470px;width:100%;justify-self:center}.board-grid{position:absolute;inset:0;background-image:radial-gradient(#6c8a6c40 .7px,transparent .7px);background-size:13px 13px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 73%);z-index:-1}.board-caption{position:absolute;top:0;right:10px;font-size:7px;letter-spacing:1.55px;font-family:var(--utility);color:#56735C;display:flex;gap:6px;align-items:center}.board-dot{height:4px;width:4px;border-radius:50%;background:#7A9993}.board-links{position:absolute;inset:0;width:100%;height:100%;color:#78927A}.board-file{position:absolute;background:#FFFEF6;color:#203A35;border:1px solid #CFD7C8;border-radius:12px;box-shadow:0 11px 25px #314f3920}.claim-file{top:27px;left:14%;width:73%;transform:rotate(-5deg);padding:18px 19px 13px}.file-caption{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px;color:#60755E;font-weight:700}.file-caption .icon{width:13px;height:13px}.claim-file>strong{display:block;font-size:15px;line-height:1.55;letter-spacing:-.45px;margin-top:10px;font-weight:700}.file-lines{display:grid;gap:5px;margin:12px 0}.file-lines i{height:4px;background:#E3E7D9;border-radius:3px;width:90%}.file-lines i:last-child{width:58%}.file-tag{display:inline-block;color:#64775F;border:1px solid #DEE5D6;padding:3px 6px;border-radius:4px;font-size:7px}.source-file,.cross-file{display:flex;align-items:center;gap:10px;padding:13px 14px;width:65%;transform:rotate(4deg);left:1%;bottom:40px;background:#F4F8EF}.cross-file{left:36%;bottom:0;transform:rotate(-3deg);z-index:2;background:#FAFAF2;width:66%}.board-file-icon{border:1px solid #D5E0CE;border-radius:8px;padding:8px;color:#4E6B67;background:#EAF0E2}.board-file-icon .icon{width:19px;height:19px}.board-file small{display:block;font-size:6px;letter-spacing:1.3px;color:#6B805F}.board-file strong{display:block;font-size:11px}.board-file div>span{display:block;font-size:7px;color:#64775F;white-space:nowrap;margin-top:3px}.board-seal{position:absolute;bottom:93px;right:-2%;z-index:3;display:flex;align-items:center;gap:6px;font-size:8px;border:1px solid #66866F;background:#496D52;color:#F2F4E8;padding:8px 11px;border-radius:6px;transform:rotate(6deg);box-shadow:0 3px 10px #203a3510}.board-seal .icon{width:13px;height:13px}.board-spark{position:absolute;color:#6A8768;font-size:21px;font-weight:300}.spark-one{top:4px;left:2%}.spark-two{right:-1%;top:38%}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}.dashboard-stats .stat{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center;background:var(--surface);padding:19px 21px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.dashboard-stats .stat-top{grid-column:1;display:flex;gap:9px;align-items:center}.dashboard-stats .stat-icon{padding:6px;border-radius:7px;background:var(--purple-soft)}.dashboard-stats .stat-icon .icon{width:15px;height:15px}.dashboard-stats .stat h3{font-size:10px;font-weight:600}.dashboard-stats .stat .number{grid-column:2;grid-row:1/3;font-family:var(--display);font-size:29px;margin:0;line-height:1.3;letter-spacing:-1.2px;font-weight:750}.dashboard-stats .number small{font-size:12px;font-weight:500;letter-spacing:-.5px;color:var(--muted)}.dashboard-stats .stat p{grid-column:1;font-size:8px;margin:6px 0 0;line-height:1.6;color:var(--muted)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:23px}.dashboard-main,.dashboard-rail{gap:23px}.section-title{margin-bottom:20px}.section-title h2{font-size:20px;margin-top:3px}.journey-card{padding:26px}.session-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mission-row{display:grid;grid-template-columns:34px 1fr;gap:13px 10px;border:1px solid var(--line);border-radius:12px;padding:18px;position:relative;align-items:start;min-height:156px}.mission-row.current{background:var(--surface-soft);border-color:var(--sage);box-shadow:inset 0 0 0 1px #7a999310}.mission-number{width:33px;height:35px;display:grid;place-items:center;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--utility);color:var(--muted)}.mission-row.current .mission-number{background:var(--primary);color:var(--surface);border-color:var(--primary)}.mission-copy{min-width:0}.mission-copy h3{font-size:12px;font-weight:700}.mission-copy p{font-size:8px;margin:4px 0 10px;line-height:1.7}.mini-steps{gap:4px;display:flex}.mini-steps span{width:18px;height:3px;border-radius:2px;background:var(--line)}.mission-row .row-action,.mission-row>.badge,.mission-row>span:last-child:not(.mission-number){grid-column:2;justify-self:start;font-size:9px;min-height:30px;align-self:end}.mission-row .row-action{display:flex;align-items:center;gap:6px;padding:5px 9px;background:var(--surface);border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--primary)}.mission-row .row-action:hover{background:var(--purple-soft);border-color:var(--sage)}.mission-row.locked{background:var(--surface)}.mission-row.locked>.icon{color:var(--muted)}.journey-progress{border-top:1px solid var(--line);padding-top:20px;margin-top:21px;display:grid;grid-template-columns:1fr auto;gap:9px;font-size:10px;color:var(--muted)}.journey-progress strong{font-family:var(--utility);font-size:10px;color:var(--ink)}.journey-progress .progress{grid-column:1/-1;height:5px}.session-footnote{font-size:9px;line-height:1.7;margin-top:13px;padding-top:0;display:flex;gap:6px;align-items:flex-start}.session-footnote .icon{width:13px;height:13px;flex-shrink:0;margin-top:2px}.competency-panel{padding:24px}.competency-panel .section-title h2{font-size:18px}.competency-panel .overline{font-size:8px}.measure{margin-top:19px}.measure>div:first-child,.measure strong{font-size:11px;font-weight:500}.measure strong{font-size:9px;color:var(--muted);font-family:var(--utility)}.measure .progress{height:5px;margin-top:9px}.subtle-note{font-size:9px;line-height:1.9;margin-top:17px}.competency-panel .text-link{font-size:10px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between}.insight-card{background:var(--mint);border:1px solid var(--line);position:relative;overflow:hidden;padding:25px}.insight-kicker{font-size:8px;letter-spacing:1px;color:var(--muted);gap:6px;display:flex;align-items:center}.insight-kicker .icon{width:14px;height:14px}.insight-symbol{font-size:85px;font-family:Georgia,serif;position:absolute;right:14px;top:21px;line-height:1;color:#7a99932b;pointer-events:none}.insight-card h2{font-size:25px;letter-spacing:-1.1px;line-height:1.2;margin:24px 0 13px;position:relative}.insight-card p{font-size:11px;line-height:1.85;color:var(--muted)}.insight-card .text-link{font-size:9px}.learning-principle{display:flex;align-items:center;gap:14px;padding:18px 7px}.principle-icon{background:var(--purple-soft);color:var(--primary);padding:12px;border-radius:12px}.principle-icon .icon{width:20px;height:20px}.learning-principle strong{font-size:12px}.learning-principle p{font-size:10px;color:var(--muted);margin:5px 0 0}.learning-principle>.icon-button{margin-left:auto;flex-shrink:0}.activity-card{padding:23px}.activity-card h2{font-size:16px}.activity-day{font-size:9px}.activity-days{gap:7px}.day-cell{width:28px;height:30px;border-radius:7px;font-family:var(--utility);font-size:10px}.activity-footer{font-size:10px}.privacy-inline{padding:0 2px}.privacy-inline p{font-size:9px}.privacy-inline .icon{width:16px}
/* Shared task surfaces keep the same hierarchy as the dashboard. */
.title-row h1{font-size:34px;letter-spacing:-1.5px}.title-row p{font-size:13px;max-width:680px}.session-card{position:relative;padding:26px;overflow:hidden;border-radius:18px}.session-card.current{border-color:var(--sage);background:var(--surface);box-shadow:inset 0 3px 0 var(--primary)}.session-card .big-number{font-family:var(--utility);font-size:27px;letter-spacing:-1px}.session-card h2{font-size:23px;letter-spacing:-.9px}.session-card p{font-size:13px}.session-card .tiny-meta{font-size:11px;margin-top:12px}.session-card .mini-steps{margin-top:22px}.session-card .actions{margin-top:20px}.study-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px 17px;margin-bottom:22px}.study-columns{gap:24px}.case-card{padding:0;border-radius:18px;box-shadow:var(--shadow)}.case-top{background:var(--surface-soft);padding:22px 26px}.case-body{padding:28px}.claim{font-size:28px;font-weight:600;letter-spacing:-.7px;line-height:1.55}.case-tag{font-size:9px}.case-source h3{font-size:13px}.case-source p{font-size:10px}.evidence-tabs{gap:8px}.evidence-tab{min-height:79px;border-radius:10px;font-size:11px}.evidence-tab[aria-selected=true]{background:var(--purple-soft);border-color:var(--sage);box-shadow:inset 0 2px 0 var(--primary)}.evidence-panel{padding:23px;min-height:180px;border-radius:11px}.evidence-panel p{font-size:14px;line-height:1.9}.decision-card{padding:28px 25px;top:100px;max-height:none;border-radius:18px}.decision-header h2{font-size:25px}.decision-card>p{font-size:12px}.decision-field legend{font-size:13px}.choice{border-radius:10px;padding:13px;font-size:13px;min-height:48px}.choice:has(input:checked){border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage)}.choice:hover{border-color:var(--sage)}.test-card{border-radius:18px}.test-card h2{font-size:23px}.research-intro{border-radius:19px;background:var(--primary-deep)}.research-panel{border-radius:18px}.research-tabs button{font-size:12px}.research-section-heading h2{font-size:25px}.research-outline{background:var(--surface-soft);border-radius:14px}.research-outline h3{font-size:14px}.research-panel p{font-size:13px}.research-check input{accent-color:var(--primary)}.research-check strong{font-size:13px}.research-table th{font-size:11px}.research-table td{font-size:12px}.teacher-summary{border-radius:14px;border:1px solid var(--line);background:var(--surface)}.guide-steps{border-radius:17px}.concept-matrix{border-radius:17px}.matrix-cell{border-radius:12px}.matrix-cell:hover{border-color:var(--sage)}.matrix-cell[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--sage)}.coverage-grid>div{padding:15px;border-radius:11px;background:var(--surface-soft)}.coverage-grid>div>span{font-size:11px}.coverage-grid>div>strong{font-size:30px}.coverage-grid>div>p{font-size:10px}.form-grid input,.form-grid select,.report-tools input,.report-tools select{border-radius:9px;font-size:13px;background:var(--surface)}.table-wrap,.research-table{border:1px solid var(--line);border-radius:12px}th{font-size:10px;text-transform:none;letter-spacing:.2px}td{font-size:12px}tr:hover td{background:var(--surface-soft)}.note{border-radius:11px;border-left-width:3px;font-size:12px}.command-search{padding-right:4px}.command-search input{font-size:14px;min-width:0}.command-search .icon-button{font-size:21px;min-width:35px;width:35px;flex-shrink:0;border:0}.command-search input::-webkit-search-cancel-button{-webkit-appearance:none}dialog{border-radius:18px}.modal-close{border:0}.command-result:hover{background:var(--purple-soft)}#toast{background:#203C35;color:#F1EEDF;border-color:#ffffff25}footer{font-size:10px;padding:20px 34px}footer strong{font-size:11px}.noscript-notice{border-radius:12px}
body[data-theme=dark] .evidence-hero{background:#304839;border-color:#4D6955}body[data-theme=dark] .evidence-hero h2{color:#F1EEDF}body[data-theme=dark] .evidence-hero p,body[data-theme=dark] .hero-guide,body[data-theme=dark] .hero-meta,body[data-theme=dark] .evidence-hero .banner-label{color:#CDD9C4}body[data-theme=dark] .evidence-hero .btn.primary{background:#D9E5CD;border-color:#D9E5CD;color:#203A35}body[data-theme=dark] .evidence-hero .btn.primary:hover{background:#F1EEDF}body[data-theme=dark] .board-caption,body[data-theme=dark] .board-spark{color:#B6C7A9}body[data-theme=dark] .board-links{color:#B6C7A9}body[data-theme=dark] .hero-status-dot{background:#B6C7A9}body[data-theme=dark] .research-intro{background:#304E40}body[data-theme=dark] .research-intro h2,body[data-theme=dark] .research-intro p,body[data-theme=dark] .research-intro .overline{color:#EEF1E6}body[data-theme=dark] .primary{color:#14251F}
@media(min-width:1600px){.shell main{padding:40px 42px 50px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;gap:27px}.mission-banner.evidence-hero{padding:40px 42px;min-height:357px}.evidence-hero h2{font-size:44px;max-width:470px}.evidence-hero p{font-size:14px;max-width:430px}.investigation-board{min-height:300px}.board-file strong{font-size:12px}.claim-file>strong{font-size:17px}.board-file div>span{font-size:8px}.hero-meta{font-size:10px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:10px}.mission-row .row-action{font-size:10px}.dashboard-stats .stat p{font-size:10px}.dashboard-stats .stat h3{font-size:12px}.measure>div:first-child{font-size:12px}}
@media(max-width:1200px){:root{--sidebar:224px}.shell main{padding:28px 25px 36px}header{padding:0 25px}.evidence-hero h2{font-size:33px}.mission-banner.evidence-hero{grid-template-columns:minmax(0,1.05fr) minmax(270px,.95fr);padding:29px 27px;gap:12px}.investigation-board{min-height:275px}.hero-meta{gap:12px;font-size:8px}.evidence-hero p{font-size:11px}.hero-guide{font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 262px;gap:20px}.dashboard-stats .stat{padding:16px}.dashboard-stats .stat .number{font-size:26px}.dashboard-stats .stat p{font-size:8px}.dashboard-stats .stat h3{font-size:9px}.session-list{gap:10px}.mission-row{padding:15px 12px;grid-template-columns:29px 1fr;gap:10px 8px}.mission-number{width:29px;height:32px}.mission-copy h3{font-size:11px}.mission-copy p{font-size:7px}.mini-steps span{width:14px}.journey-card{padding:22px}.section-title h2{font-size:18px}.section-title .text-link{font-size:10px}.competency-panel{padding:21px}.competency-panel .section-title h2{font-size:16px}.measure>div:first-child{font-size:10px}.measure strong{font-size:8px}.quick-search{width:42px;max-width:none;padding:8px}.quick-search span,.quick-search kbd{display:none}.claim{font-size:26px}}
@media(max-width:1040px) and (min-width:901px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr}.dashboard-rail .competency-panel{grid-row:span 2}.dashboard-rail .activity-card{grid-column:2}.dashboard-rail .privacy-inline{grid-column:1/-1}.mission-banner.evidence-hero{grid-template-columns:minmax(0,1fr) 245px;padding:28px 24px}.evidence-hero h2{font-size:29px}.hero-meta{gap:10px;flex-wrap:wrap}.investigation-board{min-height:250px}.claim-file{left:10%;width:84%;padding:15px}.claim-file>strong{font-size:12px}.board-file div>span{font-size:6px}.source-file,.cross-file{width:75%;padding:11px;gap:6px}.cross-file{left:28%}.board-seal{right:-7%;font-size:6px}.hero-guide{display:none}.date-label{display:none}.measure>div:first-child{font-size:12px}.measure strong{font-size:10px}.mission-copy h3{font-size:13px}.mission-copy p{font-size:9px}.dashboard-stats .stat p{font-size:7px}.session-list .mini-steps span{width:19px}}
@media(max-width:900px){:root{--sidebar:250px}.shell main{padding:28px 24px 36px}.shell{margin-left:0}aside#sidebar{box-shadow:20px 0 60px #132d2630}.nav-open aside#sidebar{transform:translateX(0)}header{height:68px;padding:0 24px}.evidence-hero h2{font-size:34px}.investigation-board{min-height:268px}.mission-banner.evidence-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 258px}.date-label{display:none}.mission-row{grid-template-columns:27px 1fr;gap:9px 7px;padding:13px 10px}.mission-copy h3{font-size:10px}.mission-copy p{font-size:7px}.mission-number{width:27px}.section-title .overline{font-size:8px}.dashboard-stats .stat h3{font-size:9px}}
@media(max-width:720px){.shell main{padding:26px 20px 32px}.studio-title h1{font-size:31px}.path-switch>span{display:none}.mission-banner.evidence-hero{grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);padding:26px 25px;gap:9px;min-height:300px}.evidence-hero h2{font-size:31px;letter-spacing:-1.35px}.evidence-hero p{font-size:11px}.evidence-hero .btn.primary{font-size:10px;padding:10px 13px}.hero-guide{display:none}.hero-meta{gap:10px;flex-wrap:wrap;margin-top:20px}.investigation-board{min-height:255px}.claim-file{left:6%;width:89%;padding:14px}.claim-file>strong{font-size:12px;letter-spacing:-.2px}.file-caption{font-size:6px}.board-file strong{font-size:9px}.board-file div>span{font-size:6px}.board-file small{font-size:5px}.source-file,.cross-file{width:78%;gap:6px;padding:10px;left:-4%;bottom:42px}.cross-file{left:26%;bottom:0}.board-file-icon{padding:6px}.board-file-icon .icon{width:15px;height:15px}.board-seal{font-size:6px;right:-6%;bottom:91px;padding:6px 8px}.board-seal .icon{width:11px;height:11px}.board-caption{font-size:6px;right:0}.dashboard-stats{gap:10px;margin-bottom:20px}.dashboard-stats .stat{display:block;padding:16px}.dashboard-stats .stat-top{display:flex;flex-direction:row;font-size:10px}.dashboard-stats .stat .number{display:block;margin:9px 0 5px;font-size:29px}.dashboard-stats .stat h3{font-size:10px}.dashboard-stats .stat p{font-size:9px;max-width:130px}.dashboard-grid{grid-template-columns:1fr;gap:20px}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-rail .competency-panel{grid-row:span 2}.dashboard-rail .activity-card{grid-column:2}.dashboard-rail .privacy-inline{grid-column:1/-1}.mission-row{padding:18px;grid-template-columns:34px 1fr;gap:12px}.mission-number{width:33px}.mission-copy h3{font-size:13px}.mission-copy p{font-size:9px}.mini-steps span{width:18px}.mission-row .row-action{font-size:10px}.measure>div:first-child{font-size:12px}.measure strong{font-size:9px}.competency-panel .section-title h2{font-size:18px}.study-columns{grid-template-columns:1fr}.decision-card{position:static;max-height:none}.case-body{padding:25px}.claim{font-size:26px}.title-row h1{font-size:30px}.title-row p{font-size:13px}.study-toolbar .text-link{font-size:12px}.board-spark{font-size:18px}.research-panel{padding:24px}.research-tabs button{font-size:11px}.research-shortcut{padding:20px}.learning-principle p{font-size:11px}}
@media(max-width:520px){header{height:64px;padding:0 15px}.shell main{padding:24px 17px 30px}.studio-title{margin-bottom:19px}.studio-title h1{font-size:29px;max-width:none}.studio-title p{font-size:11px;margin-top:7px}.studio-title .overline{font-size:8px}.path-switch{margin-bottom:20px;gap:5px}.path-switch button{font-size:11px;min-height:41px;padding:9px 11px;flex:1;justify-content:center}.mission-banner.evidence-hero{grid-template-columns:1fr;padding:27px 25px 19px;gap:5px;min-height:0;border-radius:18px;margin-bottom:17px}.evidence-hero h2{font-size:36px;max-width:320px;letter-spacing:-1.9px;line-height:1.1;margin:15px 0}.evidence-hero p{font-size:12px;line-height:1.8;max-width:330px;margin-bottom:20px}.evidence-hero .banner-label{font-size:8px}.evidence-hero .btn.primary{font-size:12px;padding:11px 15px;min-height:45px}.hero-guide{display:inline-flex;font-size:10px}.evidence-hero .banner-actions{gap:15px}.hero-meta{font-size:8px;margin-top:21px;gap:14px}.investigation-board{min-height:240px;max-width:310px;margin-top:11px}.board-caption{font-size:6px;right:6px}.claim-file{top:24px;left:11%;width:75%;padding:14px 16px 11px}.claim-file>strong{font-size:12px}.file-lines{gap:4px;margin:10px 0}.file-lines i{height:3px}.file-tag{font-size:6px}.source-file,.cross-file{width:66%;padding:11px 12px;left:0;gap:8px;bottom:34px}.cross-file{left:33%;bottom:0}.board-file strong{font-size:9px}.board-file small{font-size:5px}.board-file div>span{font-size:6px}.board-seal{right:-2%;bottom:77px;padding:7px 9px;font-size:6px}.board-spark{font-size:18px}.spark-two{right:0}.dashboard-stats{gap:8px;margin-bottom:20px}.dashboard-stats .stat{padding:13px 11px;border-radius:11px}.dashboard-stats .stat-top{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.dashboard-stats .stat h3{font-size:9px}.dashboard-stats .stat .number{font-size:28px;letter-spacing:-1.3px;margin-top:10px;line-height:1.2}.dashboard-stats .number small{font-size:11px}.dashboard-stats .stat p{font-size:8px;line-height:1.6;max-width:100px}.dashboard-stats .stat-icon{padding:6px}.dashboard-stats .stat-icon .icon{width:14px;height:14px}.dashboard-grid,.dashboard-main{gap:20px}.journey-card{padding:23px 19px}.section-title{gap:10px;align-items:center}.section-title h2{font-size:21px}.section-title .overline{font-size:7px;letter-spacing:1px}.section-title .text-link{font-size:9px;white-space:nowrap}.session-list{grid-template-columns:1fr;gap:10px}.mission-row{grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:0;padding:16px 13px}.mission-number{width:34px;height:37px}.mission-copy h3{font-size:12px}.mission-copy p{font-size:8px;margin:4px 0 9px}.mini-steps span{width:16px;height:3px}.mission-row .row-action,.mission-row>.badge,.mission-row>span:last-child:not(.mission-number){grid-column:3;grid-row:1;align-self:center;font-size:9px;padding:5px 7px}.mission-row.locked>span:last-child .icon{width:15px}.journey-progress{font-size:9px;margin-top:19px;padding-top:18px}.session-footnote{font-size:9px;line-height:1.8}.dashboard-rail{display:flex;flex-direction:column;gap:20px}.competency-panel{padding:25px 23px}.competency-panel .section-title h2{font-size:21px}.measure{margin-top:22px}.measure>div:first-child{font-size:12px}.measure strong{font-size:10px}.measure .progress{margin-top:10px;height:6px}.subtle-note{font-size:10px}.competency-panel .text-link{font-size:11px}.insight-card{padding:26px 24px}.insight-card h2{font-size:29px;max-width:280px}.insight-card p{font-size:12px}.insight-card .text-link{font-size:11px}.insight-kicker{font-size:9px}.activity-card{padding:25px}.activity-card h2{font-size:18px}.activity-days{gap:8px;justify-content:space-between}.day-cell{width:33px;height:34px}.activity-day{font-size:10px}.activity-footer{font-size:11px}.privacy-inline p{font-size:10px}.learning-principle{padding:2px 0 5px;gap:11px}.learning-principle strong{font-size:11px}.learning-principle p{font-size:10px}.principle-icon{padding:10px}.learning-principle>.icon-button{width:30px;min-width:30px}.title-row h1{font-size:29px;line-height:1.2}.title-row p{font-size:13px}.card.session-card{padding:25px 22px}.session-card h2{font-size:25px}.session-card .big-number{font-size:29px}.session-card p{font-size:13px}.study-toolbar{padding:12px 13px;border-radius:11px}.study-toolbar .text-link{font-size:11px}.study-toolbar #focus-toggle{font-size:11px}.case-card{padding:0}.case-top{padding:19px}.case-body{padding:24px 19px}.claim{font-size:25px;line-height:1.55}.evidence-tab{min-height:75px;border-radius:9px}.evidence-tab span{font-size:10px}.evidence-panel{padding:19px}.evidence-panel p{font-size:14px}.decision-card{padding:25px 21px}.decision-header h2{font-size:26px}.decision-field legend{font-size:14px}.choice{font-size:14px;min-height:48px}.coverage-grid>div{padding:13px}.coverage-grid>div>span{font-size:10px}.research-panel{padding:24px 19px}.research-tabs button{font-size:10px;padding:12px 10px}.research-intro{padding:25px 22px}.research-check strong{font-size:13px}.research-check small{font-size:12px}.research-outline{padding:19px}.mobile-dock{padding-bottom:max(9px,env(safe-area-inset-bottom));background:var(--surface);border-color:var(--line);box-shadow:0 -4px 18px #203a3505}.mobile-dock a{font-size:10px;min-height:48px;padding-top:6px}.mobile-dock a.active{background:var(--purple-soft);color:var(--primary)}.mobile-dock a .icon{width:20px;height:20px}.shell{padding-bottom:75px}footer{padding:18px 17px;font-size:9px}.header-status .status-button{max-width:113px;font-size:9px;min-height:32px}.breadcrumb strong{font-size:12px}.quick-search{width:36px;min-width:36px}.icon-button{min-width:36px;width:36px}#toast{bottom:90px}.command-search input{font-size:13px}.focus-mode .shell{padding-bottom:0}.focus-mode #toast{bottom:20px}.large-text .mission-copy h3,.large-text .measure>div:first-child{}.large-text .mission-copy p{}.large-text .evidence-hero p{}}
@media(max-width:360px){.shell main{padding-left:14px;padding-right:14px}.mission-banner.evidence-hero{padding:25px 20px 18px}.evidence-hero h2{font-size:33px}.hero-meta{gap:10px;font-size:7px}.hero-guide{font-size:9px}.evidence-hero .banner-actions{gap:12px}.investigation-board{min-height:221px}.claim-file>strong{font-size:11px}.board-caption{font-size:5px}.claim-file{padding:13px}.board-file div>span{font-size:5px}.source-file,.cross-file{padding:10px 9px;gap:6px}.board-seal{font-size:5px;bottom:71px}.mission-row{gap:9px;padding:14px 10px;grid-template-columns:30px 1fr auto}.mission-number{width:29px}.mission-copy h3{font-size:11px}.mission-copy p{font-size:7px}.mission-row .row-action{font-size:8px;padding:5px 6px}.mini-steps span{width:13px}.dashboard-stats .stat .number{font-size:25px}.dashboard-stats .stat p{font-size:7px}.section-title .text-link{font-size:8px}.journey-card{padding:21px 16px}.status-button{font-size:8px}.header-status .status-button{max-width:95px}.day-cell{width:29px}}
@media(prefers-reduced-motion:reduce){/* Motion must follow the operating-system preference across compatible legacy styles. */*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){*{scrollbar-color:auto}button,a,input,select,summary{forced-color-adjust:auto}.board-file{border:1px solid CanvasText}.progress{border:1px solid CanvasText}}
@media print{.investigation-board,.path-switch,.hero-guide,.hero-meta,.learning-principle>.icon-button{display:none!important}.mission-banner.evidence-hero{display:block;background:white;border:1px solid #bbb;min-height:0}.evidence-hero h2,.evidence-hero p,.evidence-hero .banner-label{color:black}.dashboard-grid{display:block}.session-list{grid-template-columns:1fr 1fr}.dashboard-stats .stat{border:1px solid #bbb}.card,.mission-row{break-inside:avoid}.shell main{padding:0}}

/* Readability floor: content density comes from grouping, not tiny labels.
   The illustrative board above remains decorative and aria-hidden. */
.overline,.eyebrow,.section-title .overline,.competency-panel .overline{font-size:10px}
.studio-title p{font-size:13px}.path-switch button{font-size:12px}.path-switch>span{font-size:11px}
.evidence-hero .banner-label{font-size:10px}.evidence-hero p{font-size:14px}.evidence-hero .btn.primary{font-size:13px}.hero-guide{font-size:12px}.hero-meta{font-size:11px;flex-wrap:wrap;gap:11px 17px}
.dashboard-stats .stat h3{font-size:12px}.dashboard-stats .stat p{font-size:11px;line-height:1.7}.dashboard-stats .stat .number{font-size:30px}.dashboard-stats .number small{font-size:13px}
.section-title .text-link{font-size:12px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:11px;line-height:1.8}.mission-row .row-action,.mission-row>.badge,.mission-row>span:last-child:not(.mission-number){font-size:12px;min-height:40px}.mission-row .row-action{padding:7px 10px}.mission-row{min-height:177px}.session-footnote{font-size:11px}.journey-progress,.journey-progress strong{font-size:11px}.measure>div:first-child{font-size:12px}.measure strong{font-family:var(--display);font-size:11px}.subtle-note{font-size:11px}.competency-panel .text-link{font-size:12px}.insight-kicker{font-size:10px}.insight-card p{font-size:13px}.insight-card .text-link{font-size:11px}.activity-day{font-size:11px}.activity-footer{font-size:11px}.privacy-inline p{font-size:11px}.learning-principle strong{font-size:13px}.learning-principle p{font-size:12px}.research-downloads .btn{font-size:12px}
@media(max-width:1200px) and (min-width:721px){.session-list{grid-template-columns:1fr}.mission-row{grid-template-columns:34px 1fr auto;align-items:center;min-height:112px;gap:12px;padding:17px}.mission-row .row-action,.mission-row>.badge,.mission-row>span:last-child:not(.mission-number){grid-column:3;grid-row:1}.mission-copy h3{font-size:13px}.mission-copy p{font-size:11px}.section-title{flex-wrap:wrap;gap:12px}.evidence-hero h2{font-size:34px}.hero-meta{font-size:10px}.evidence-hero p{font-size:13px}.dashboard-stats .stat{display:block}.dashboard-stats .stat .number{display:block;margin:12px 0 6px}.dashboard-stats .stat p{font-size:11px;max-width:none}.dashboard-stats .stat h3{font-size:12px}.measure>div:first-child{font-size:12px}.measure strong{font-size:11px}}
@media(max-width:720px){.evidence-hero p{font-size:13px}.evidence-hero .banner-label{font-size:10px}.hero-meta{font-size:11px}.dashboard-stats .stat h3{font-size:11px}.dashboard-stats .stat p{font-size:11px;max-width:none}.mission-row{min-height:175px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:11px}.mission-row .row-action{font-size:12px}.section-title .text-link{font-size:12px}.section-title .overline{font-size:10px}.session-footnote{font-size:11px}.dashboard-rail .competency-panel .section-title{flex-wrap:wrap}.measure>div:first-child{font-size:12px}.measure strong{font-size:11px}.subtle-note{font-size:11px}.insight-card p{font-size:13px}.learning-principle p{font-size:12px}.privacy-inline p{font-size:11px}.activity-day,.activity-footer{font-size:11px}}
@media(max-width:520px){.mission-banner.evidence-hero{padding:27px 23px 19px}.evidence-hero p{font-size:14px}.evidence-hero .btn.primary{font-size:13px}.hero-guide{font-size:12px}.evidence-hero .banner-actions{gap:14px;align-items:center}.hero-meta{font-size:11px;gap:10px 13px}.studio-title .overline{font-size:10px}.studio-title p{font-size:13px}.dashboard-stats .stat{padding:13px 10px}.dashboard-stats .stat p{font-size:11px}.dashboard-stats .stat h3{font-size:11px;line-height:1.65}.dashboard-stats .stat .number{font-size:29px}.section-title{flex-wrap:wrap;gap:12px}.section-title .overline{font-size:10px}.section-title .text-link{font-size:12px}.mission-row{grid-template-columns:34px 1fr;gap:10px 12px;padding:17px 14px;min-height:137px}.mission-row .row-action,.mission-row>.badge,.mission-row>span:last-child:not(.mission-number){grid-column:2;grid-row:2;justify-self:start;font-size:12px;min-height:40px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:11px}.mission-row .mini-steps span{width:18px}.journey-progress,.journey-progress strong{font-size:11px}.session-footnote{font-size:11px}.insight-kicker{font-size:10px}.insight-card p{font-size:14px}.insight-card .text-link{font-size:12px}.subtle-note{font-size:12px}.measure>div:first-child{font-size:13px}.measure strong{font-size:12px}.competency-panel .text-link{font-size:12px}.learning-principle strong{font-size:13px}.learning-principle p{font-size:12px}.privacy-inline p{font-size:11px}.day-cell{font-size:12px}.activity-day,.activity-footer{font-size:12px}.research-tabs button{font-size:11px}.research-panel p{font-size:14px}.research-panel h3{font-size:17px}.research-intro p{font-size:13px}.research-check small{font-size:13px}.sidebar-settings{font-size:12px}.offline-card p,.offline-card button{font-size:11px}.workspace-label small{font-size:11px}.profile,.profile small{font-size:11px}}
@media(max-width:360px){.dashboard-stats .stat h3{font-size:11px}.dashboard-stats .stat p{font-size:11px}.dashboard-stats .stat .number{font-size:25px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:11px}.section-title .text-link{font-size:12px}.hero-meta{font-size:11px}.hero-guide{font-size:12px}.evidence-hero .btn.primary{font-size:12px}.hero-meta .icon{width:12px}}

/* Studio 3.6 — expressive clubhouse surfaces. This remains the visual owner. */
:root{--bg:#F4F2FA;--surface-soft:#F5F3FB;--line:#DDDCE8;--ink:#252D40;--muted:#596376;--primary:#456660;--primary-deep:#2F4F49;--radius:22px;--lavender:#DCD3F8;--lavender-ink:#514279;--yellow:#F7DE8D;--coral:#F3B8A7;--aqua:#BCE3D9;--nav:#213B37;--shadow:0 5px 0 #30374d06,0 12px 28px #30374d06;--room-overlay:#FFFFFF22}
body[data-theme=dark]{--bg:#172129;--surface:#223039;--surface-soft:#2A3844;--line:#40505D;--ink:#F2F2F7;--muted:#B9C6D2;--primary:#BAD8CE;--primary-deep:#E0F1EB;--nav:#172E2B;--lavender:#4C435E;--lavender-ink:#E6DCFF;--yellow:#65563A;--coral:#67483F;--aqua:#36584F;--shadow:0 5px 0 #00000014,0 14px 30px #0000000B;--room-overlay:#1721290A}
body{font-weight:450}h1,h2,h3{font-weight:700}strong{font-weight:700}.card{border-width:1px;border-radius:var(--radius);box-shadow:var(--shadow)}.studio-title h1,.title-row h1{font-size:clamp(30px,2.7vw,40px);line-height:1.22;font-weight:750;letter-spacing:-.03em}.studio-title p,.title-row p{font-size:14px}.overline,.eyebrow,.section-title .overline{font-weight:650;font-size:11px;line-height:1.5;letter-spacing:.09em}.section-title h2{font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.015em}.btn,button{font-weight:650;letter-spacing:normal}.btn.primary,button.primary{border-radius:12px;border-bottom:3px solid #203a3548;box-shadow:0 5px 11px #203a3512;min-height:46px}.btn.primary:hover,button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 14px #203a3524}.btn.primary:active,button.primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #203a3510}.btn.secondary{border-bottom-width:3px}.icon-tile,.stat-icon,.principle-icon,.school-icon{background:linear-gradient(145deg,#F2EDFf,#D9CFF2);color:#514279;border:1px solid #FFFFFFA0;border-bottom:3px solid #BBB0D1;box-shadow:inset 0 2px 1px #FFFFFF99,0 5px 8px #51427916;border-radius:14px}.icon-tile .icon,.principle-icon .icon{stroke-width:2.3}
.brand{position:relative;background:linear-gradient(145deg,#FFFFFF13,#FFFFFF02);border:1px solid #FFFFFF15;border-bottom:3px solid #0D2422;border-radius:15px;padding:17px 14px 16px;margin:0 0 7px;box-shadow:inset 0 1px #FFFFFF12,0 6px 18px #0A24201A}.brand img{filter:drop-shadow(0 2px 0 #0C211D)}.brand small{font-size:9px;font-weight:750;margin-top:11px;color:#C8D9C9}aside#sidebar{padding-top:21px}.workspace-label{margin-top:13px}.workspace-label .school-icon{background:linear-gradient(145deg,#D4E9D5,#9DBDB1);color:#234D41;border-color:#CCE3CF;border-bottom-color:#688F7D}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.3px}#sidebar nav a{font-weight:700;font-size:13px}#sidebar nav a.active{box-shadow:0 4px 0 #122C2750,0 7px 13px #122C2724}.sidebar-settings{min-height:44px}.offline-card{background:linear-gradient(140deg,#FFFFFF0D,#FFFFFF03);border-bottom:3px solid #112A25}.profile-check{background:#D1E9D3;color:#294F41;padding:4px;border-radius:8px}.header-avatar{background:var(--lavender);border-bottom:3px solid #A99ABA;font-weight:800;box-shadow:0 3px 7px #5142790D}.quick-search{font-size:12px;font-weight:600;min-height:42px}.status-button{font-weight:750;font-size:11px}header{border-bottom:1px solid var(--line)}
.path-switch{gap:9px}.path-switch button{border-radius:12px;min-height:45px;padding:10px 16px;font-size:13px;font-weight:800;border:1px solid var(--line);background:var(--surface)}.path-switch button[aria-pressed=true]{background:var(--primary);color:var(--surface);border-color:var(--primary);box-shadow:0 4px 0 #203a3520}.path-switch button:hover:not(:disabled){background:var(--lavender);color:var(--lavender-ink)}.path-switch>span{font-size:12px}.studio-title{margin-bottom:24px}
.mission-banner.evidence-hero.clubhouse-hero{background:#E3DCF5;color:#282B43;border:1px solid #D2C7E8;border-bottom:5px solid #C6B8DF;border-radius:26px;padding:34px 38px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);min-height:392px;isolation:isolate;overflow:hidden;box-shadow:0 14px 30px #5142790A}.clubhouse-hero:before{content:"";position:absolute;width:470px;height:470px;right:-90px;top:-180px;border:1px solid #FFFFFF7A;border-radius:50%;pointer-events:none;z-index:-1}.clubhouse-hero:after{content:"";position:absolute;width:380px;height:380px;right:-20px;bottom:-140px;background:radial-gradient(circle,#EEE5FF80,transparent 65%);pointer-events:none;z-index:-1}.clubhouse-hero .hero-copy{max-width:510px}.clubhouse-hero .banner-label{color:#514279;letter-spacing:1.5px;font-size:11px;font-weight:800}.clubhouse-hero .hero-status-dot{background:#6E5C93;box-shadow:0 0 0 4px #6E5C9312}.clubhouse-hero h2{font-size:clamp(35px,3.1vw,47px);line-height:1.12;letter-spacing:-1.9px;font-weight:800;max-width:480px;color:#2B2E45;margin:19px 0 17px}.clubhouse-hero p{font-size:15px;line-height:1.8;max-width:420px;color:#55596F;margin-bottom:24px}.clubhouse-hero .btn.primary{background:#456660;border-color:#456660;border-bottom-color:#2D4E45;color:#FFFFFF;font-size:14px;padding:12px 17px;min-height:49px;box-shadow:0 5px 0 #B6AACB60}.clubhouse-hero .btn.primary:hover{background:#35554E}.clubhouse-hero .hero-guide{display:inline-flex;color:#514279;font-size:12px;font-weight:800;gap:8px}.clubhouse-hero .hero-guide .icon{transform:none;width:15px}.clubhouse-hero .hero-meta{color:#5B5471;font-size:12px;gap:12px 18px;margin-top:25px}.clubhouse-hero .hero-meta .icon{width:15px;height:15px}
.investigation-board.clubhouse-art{min-height:324px;width:100%;max-width:470px;position:relative;perspective:800px;isolation:isolate}.investigator-asset{display:block;position:absolute;inset:-6% -4% auto;width:108%;height:111%;object-fit:contain;filter:drop-shadow(0 17px 14px #5E4E7D1A);transform:rotate(-3deg);z-index:2}.hero-orbit{position:absolute;border:1px solid #FFFFFF80;width:84%;height:84%;border-radius:50%;left:8%;top:6%;z-index:-1;transform:rotate(-20deg) scaleY(.76)}.orbit-two{width:68%;height:68%;left:18%;top:15%;transform:rotate(30deg)}.art-orb{position:absolute;width:49px;height:49px;border-radius:50%;box-shadow:inset 4px 5px 9px #FFFFFF88,inset -4px -6px 9px #56426A20,0 10px 14px #51427918}.orb-lavender{background:#B9A2E4;right:4%;top:4%;width:29px;height:29px}.orb-coral{background:#F3B8A7;left:3%;bottom:12%;width:31px;height:31px}.art-label{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;padding:10px 13px;background:#FFFDF5EE;border:1px solid #FFFFFF;border-bottom:3px solid #D4C9DB;border-radius:11px;color:#514279;font-size:11px;font-weight:800;box-shadow:0 8px 18px #51427918;white-space:nowrap;transform:rotate(-5deg)}.art-label .icon{width:17px;height:17px}.art-label-source{left:-4%;top:21%}.art-label-proof{right:-4%;bottom:11%;transform:rotate(5deg);background:#FFF1C8;border-bottom-color:#DECC93}.art-caption{position:absolute;left:0;right:0;text-align:center;bottom:-11px;letter-spacing:1.4px;font-size:9px;color:#69607E;font-weight:800;z-index:3}
.dashboard-stats{gap:15px;margin-bottom:28px}.dashboard-stats .stat{padding:20px 22px;border-radius:17px;border-bottom-width:4px;box-shadow:0 4px 14px #30374d05;background:var(--surface)}.dashboard-stats .stat:nth-child(1){border-bottom-color:#B4CEC5}.dashboard-stats .stat:nth-child(2){border-bottom-color:#D6C8EE}.dashboard-stats .stat:nth-child(3){border-bottom-color:#EDD38D}.dashboard-stats .stat h3{font-size:13px;font-weight:750}.dashboard-stats .stat p{font-size:11px}.dashboard-stats .stat .number{font-size:33px;font-weight:800}.dashboard-stats .stat-icon{padding:8px}.dashboard-stats .stat:nth-child(1) .stat-icon{background:linear-gradient(145deg,#DEF2E4,#B7D9C8);border-bottom-color:#8CB5A1;color:#365D4C}.dashboard-stats .stat:nth-child(3) .stat-icon{background:linear-gradient(145deg,#FFF3CC,#F1D68E);border-bottom-color:#C9AF65;color:#7B632F}.dashboard-stats .stat-icon .icon{width:18px;height:18px;stroke-width:2.2}
.journey-card{padding:26px}.session-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mission-row.room-card{display:block;position:relative;padding:0;min-height:0;border-radius:17px;border:1px solid var(--line);border-bottom:4px solid #D2C4E5;overflow:hidden;background:var(--surface);box-shadow:0 6px 12px #28384405}.room-tone-0{--room-tint:#D6ECE7;--room-border:#ADCEC4;--room-ink:#3C6858}.room-tone-1{--room-tint:#E7DDF7;--room-border:#CEC0E1;--room-ink:#5F4881}.room-tone-2{--room-tint:#F5DDD4;--room-border:#DFB9A8;--room-ink:#815A4E}.room-tone-3{--room-tint:#F8E8B8;--room-border:#E2CD8D;--room-ink:#7B642F}.mission-row.room-card{border-bottom-color:var(--room-border)}.mission-row.room-card.current{box-shadow:0 0 0 2px var(--room-border),0 9px 17px #51427909}.room-preview{position:relative;height:180px;isolation:isolate;overflow:hidden;background:var(--room-tint);border-radius:15px 15px 0 0}.room-art{position:absolute;inset:-3px;background-image:url('./assets/interiors-3d.webp');background-size:200% 200%;background-repeat:no-repeat;filter:blur(1.4px);transform:scale(1.03);opacity:.94}.room-0 .room-art{background-position:0 0}.room-1 .room-art{background-position:100% 0}.room-2 .room-art{background-position:0 100%}.room-3 .room-art{background-position:100% 100%}.room-light{position:absolute;inset:0;background:linear-gradient(0deg,var(--room-tint) 0%,transparent 70%);opacity:.65}.room-episode{position:absolute;top:14px;left:14px;color:var(--room-ink);background:#FFFFFFE5;padding:5px 9px;border-radius:7px;border:1px solid #FFFFFF;font-size:10px;letter-spacing:1px;font-weight:800;box-shadow:0 3px 8px #2B2E4510}.room-token{position:absolute;bottom:12px;right:14px;color:var(--room-ink);background:linear-gradient(145deg,#FFFFFF,var(--room-tint));border:1px solid #FFFFFFCC;border-bottom:3px solid var(--room-border);border-radius:12px;padding:10px;box-shadow:0 5px 10px #252D4017;transform:rotate(8deg)}.room-token .icon{width:23px;height:23px;stroke-width:2.4}.mission-card-body{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:18px 16px 17px;align-items:start}.mission-card-body .mission-number{grid-column:1;grid-row:1;display:grid;background:var(--room-tint);color:var(--room-ink);border:1px solid var(--room-border);border-bottom-width:3px;border-radius:9px;width:32px;height:36px;font-weight:800}.mission-row.current .mission-card-body .mission-number{background:var(--primary);color:var(--surface);border-color:var(--primary)}.mission-card-body .mission-copy{grid-column:2;grid-row:1;min-width:0}.mission-card-body .mission-copy h3{font-size:15px;font-weight:700;line-height:1.45;letter-spacing:normal}.mission-card-body .mission-copy p{font-size:11px;margin:5px 0 11px}.mission-card-body .row-action,.mission-card-body>.badge,.mission-card-body>.room-lock{grid-column:2;grid-row:2;justify-self:start;min-height:36px;align-self:start;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:750;padding:7px 10px;border-radius:8px}.mission-card-body .row-action{border:1px solid var(--room-border);background:var(--room-tint);color:var(--room-ink);text-decoration:none;border-bottom-width:3px}.mission-card-body .row-action:hover{transform:translateY(-2px);box-shadow:0 3px 9px #252D4010}.room-lock{color:var(--muted);padding-left:0!important}.room-lock .icon{width:14px;height:14px}.mission-row.locked .room-art{filter:blur(2.8px);opacity:.72}.mini-steps span{height:5px;background:var(--line);min-width:0;flex:1;max-width:23px}.mini-steps span.done{background:var(--primary)}
.session-grid{gap:20px}.card.session-card{overflow:hidden;border-radius:22px;border-bottom:4px solid var(--room-border);padding:24px;background:var(--surface);box-shadow:var(--shadow)}.session-card>.room-preview{margin:-24px -24px 21px;height:205px;border-radius:20px 20px 0 0}.session-card .session-heading{margin-bottom:16px}.session-card .big-number{font-weight:800;color:var(--room-ink);background:var(--room-tint);border:1px solid var(--room-border);border-bottom:3px solid var(--room-border);border-radius:11px;padding:8px 11px;font-size:22px;line-height:1.2}.session-card h2{font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.015em}.session-card p{font-size:14px}.session-card.current{outline:2px solid var(--room-border);outline-offset:2px}.session-card .tiny-meta{font-size:12px}
.competency-panel{border-top:4px solid #C1D7C9;padding:24px}.measure strong{font-weight:800}.measure .progress{height:8px;background:var(--surface-soft);border:1px solid var(--line)}.measure .progress>span{border-radius:7px;background:#81A79C}.measure.skill-1 .progress>span{background:#AD96D3}.measure.skill-2 .progress>span{background:#D7B461}.measure.skill-3 .progress>span{background:#CF9C88}.insight-card{background:#F7E7B3;color:#4A3F2E;border:1px solid #E8D59E;border-bottom:4px solid #D9BF79;border-radius:22px;overflow:hidden}.insight-card h2{font-size:30px;font-weight:800;color:#4A3F2E;line-height:1.22}.insight-card p{font-size:14px;color:#6D5C3D}.insight-card .text-link,.insight-kicker{color:#6F5A30}.insight-symbol{color:#E6CD83;font-size:140px}.activity-card{border-top:4px solid #D7C8EE}.day-cell{border-radius:9px;border-bottom-width:3px}.learning-principle{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:18px}
.case-top{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-soft);border-bottom:1px solid var(--line)}.case-top:before{content:"";position:absolute;inset:0 0 0 43%;background-image:url('./assets/interiors-3d.webp');background-size:200% 200%;background-position:100% 100%;opacity:.25;filter:blur(2px);z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}.case-top>*{position:relative;z-index:1}.source-avatar{background:linear-gradient(145deg,#FFFFFF,#DAD2EF);color:#5E4B7D;border:1px solid #E0D7EF;border-bottom:3px solid #BBABCF;box-shadow:0 4px 9px #51427910;border-radius:13px}.case-top h3{font-size:16px;font-weight:800}.case-body .case-tag{font-weight:800}.claim{font-weight:700;letter-spacing:-.4px;color:var(--ink)}.case-card{border-radius:23px;box-shadow:var(--shadow)}.decision-card{border-top:5px solid #D3C3E9;border-radius:23px;box-shadow:var(--shadow)}.decision-header h2{font-size:27px;font-weight:800}.decision-field legend{font-weight:800}.decision-field legend>span{background:var(--lavender);color:var(--lavender-ink);font-weight:800;border-bottom:2px solid #C6B6DE}.choice{font-weight:650;border-radius:11px;border-bottom-width:3px;min-height:48px}.choice.selected{background:var(--purple-soft);box-shadow:0 2px 0 #45666012}.evidence-tab{background:var(--surface-soft);border-bottom:3px solid var(--line);border-radius:13px;font-weight:800;min-height:87px}.evidence-tab[aria-selected=true]{background:var(--lavender);color:var(--lavender-ink);border-color:#C9B8E1}.evidence-tab .icon{stroke-width:2.3}.evidence-panel{background:var(--surface-soft);border-radius:16px;border:1px solid var(--line)}.guide-steps details{border-bottom-color:var(--line)}.step-letter{box-shadow:inset 0 2px #FFFFFF50,0 4px 0 #203a3512;font-weight:800;border-radius:12px}.guide-steps details:nth-child(3n+1) .step-letter{background:var(--lavender);color:var(--lavender-ink)}.guide-steps details:nth-child(3n+2) .step-letter{background:var(--yellow);color:#6E572E}.guide-steps details:nth-child(3n) .step-letter{background:var(--aqua);color:#345D51}.research-intro{border-radius:24px;border-bottom:5px solid #B1C8BE}.research-tabs button{font-weight:800}.research-tabs button[aria-selected=true]{background:var(--primary);color:var(--surface);border-radius:12px 12px 0 0}.research-shortcut{background:var(--lavender);color:var(--lavender-ink);border:1px solid var(--line);border-bottom:4px solid #BFAFD5;border-radius:20px}.research-shortcut h2,.research-shortcut p{color:inherit}.teacher-summary{border-radius:20px;border-bottom:4px solid #B5CFC5}.stat .number{font-weight:800}dialog{border-radius:24px;box-shadow:0 24px 80px #182c3433}.modal-close{font-weight:800}#toast{font-weight:700;border-bottom:3px solid #2B4941}
body[data-theme=dark] .mission-banner.evidence-hero.clubhouse-hero{background:#39364B;border-color:#514B66;border-bottom-color:#5B5171}body[data-theme=dark] .clubhouse-hero h2{color:#F1ECFF}body[data-theme=dark] .clubhouse-hero p{color:#D2CBE1}body[data-theme=dark] .clubhouse-hero .banner-label,body[data-theme=dark] .clubhouse-hero .hero-guide,body[data-theme=dark] .clubhouse-hero .hero-meta,body[data-theme=dark] .art-caption{color:#DDCFF6}body[data-theme=dark] .clubhouse-hero .hero-status-dot{background:#D9C3F5}body[data-theme=dark] .room-tone-0{--room-tint:#304A45;--room-border:#56766C;--room-ink:#BFE5D7}body[data-theme=dark] .room-tone-1{--room-tint:#463F57;--room-border:#685C80;--room-ink:#E2D1FF}body[data-theme=dark] .room-tone-2{--room-tint:#513D37;--room-border:#806052;--room-ink:#F0CABB}body[data-theme=dark] .room-tone-3{--room-tint:#4B4435;--room-border:#756745;--room-ink:#F4DC9F}body[data-theme=dark] .room-light{opacity:.45}body[data-theme=dark] .room-episode{background:#233039E8;color:#F2EBFA;border-color:#51616A}body[data-theme=dark] .room-token{background:linear-gradient(145deg,#3A4753,var(--room-tint));border-color:var(--room-border)}body[data-theme=dark] .insight-card{background:#4D4531;border-color:#6A5B3B;border-bottom-color:#8A7345}body[data-theme=dark] .insight-card h2{color:#F7E8C0}body[data-theme=dark] .insight-card p,body[data-theme=dark] .insight-card .text-link,body[data-theme=dark] .insight-kicker{color:#E4D2A2}body[data-theme=dark] .insight-symbol{color:#70603D}body[data-theme=dark] .guide-steps details:nth-child(3n+2) .step-letter{color:#F0D9A5}body[data-theme=dark] .guide-steps details:nth-child(3n) .step-letter{color:#C9E8D9}body[data-theme=dark] .icon-tile,body[data-theme=dark] .principle-icon{background:linear-gradient(145deg,#554A67,#423A50);border-color:#685C7C;color:#E5D5FC}body[data-theme=dark] .research-shortcut{border-bottom-color:#685C80}body[data-theme=dark] .source-avatar{background:linear-gradient(145deg,#554A67,#423A50);border-color:#685C7C;color:#E5D5FC}
@keyframes sidik-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sidik-art-arrive{from{opacity:0;transform:translateY(16px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@media(prefers-reduced-motion:no-preference){.clubhouse-hero{animation:sidik-arrive .45s ease-out both}.investigator-asset{animation:sidik-art-arrive .65s ease-out .08s both}.dashboard-stats .stat,.room-card{animation:sidik-arrive .45s ease-out both}.dashboard-stats .stat:nth-child(2),.room-card:nth-child(2){animation-delay:.055s}.dashboard-stats .stat:nth-child(3),.room-card:nth-child(3){animation-delay:.1s}.room-card:nth-child(4){animation-delay:.14s}.room-card,.room-art,.row-action,.btn.primary,button.primary{transition:transform .2s ease,box-shadow .2s ease}.room-card:hover .room-art{transform:scale(1.07)}.room-card:hover{transform:translateY(-3px)}}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr;align-items:start}.dashboard-rail .competency-panel{grid-row:span 2}.dashboard-rail .activity-card{grid-column:2}.dashboard-rail .privacy-inline{grid-column:1/-1}.session-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-banner.evidence-hero.clubhouse-hero{padding:31px 29px;min-height:362px;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)}.clubhouse-hero h2{font-size:39px}.clubhouse-hero p{font-size:14px}.investigation-board.clubhouse-art{min-height:300px}.art-label-source{left:0}.art-label-proof{right:0}.room-preview{height:190px}.dashboard-stats .stat .number{font-size:30px}.mission-card-body .mission-copy h3{font-size:15px}.mission-card-body .mission-copy p{font-size:11px}.mission-card-body .row-action{font-size:12px}.hero-meta{font-size:11px}}
@media(max-width:900px){.mission-banner.evidence-hero.clubhouse-hero{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)}.room-preview{height:200px}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:1fr 1fr}.session-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-card-body{padding:19px 17px}.studio-title h1{font-size:35px}.section-title h2{font-size:24px}.mission-card-body .mission-copy h3{font-size:16px}.evidence-tab span{font-size:12px}}
@media(max-width:720px){.mission-banner.evidence-hero.clubhouse-hero{grid-template-columns:1fr;padding:30px 28px 20px;min-height:0;gap:8px}.clubhouse-hero .hero-copy{max-width:none}.clubhouse-hero h2{font-size:42px;max-width:470px;margin:15px 0}.clubhouse-hero p{font-size:15px;max-width:460px;margin-bottom:22px}.clubhouse-hero .hero-meta{font-size:12px;margin-top:23px}.investigation-board.clubhouse-art{min-height:300px;max-width:405px;margin:0 auto}.investigator-asset{inset:-8% 0 auto;width:100%;height:118%}.art-label-source{left:0;top:22%}.art-label-proof{right:0;bottom:13%}.art-caption{bottom:0;font-size:9px}.room-preview{height:155px}.mission-card-body{padding:17px 14px;grid-template-columns:29px 1fr;gap:10px}.mission-card-body .mission-number{width:29px;height:33px;font-size:11px}.mission-card-body .mission-copy h3{font-size:14px}.mission-card-body .mission-copy p{font-size:11px;line-height:1.65}.mission-card-body .row-action{font-size:12px}.section-title h2{font-size:24px}.studio-title h1{font-size:34px}.dashboard-rail .competency-panel{grid-row:span 2}.dashboard-stats .stat h3{font-size:12px}.dashboard-stats .stat p{font-size:11px}.session-card>.room-preview{height:200px}.case-top h3{font-size:15px}.research-shortcut{padding:23px}.research-shortcut h2{font-size:22px}}
@media(max-width:560px){.shell main{padding:24px 17px 30px}.studio-title h1{font-size:33px}.studio-title p{font-size:14px}.path-switch{gap:8px;flex-wrap:wrap}.path-switch button{font-size:12px;padding:10px 11px;min-height:45px}.mission-banner.evidence-hero.clubhouse-hero{padding:27px 23px 20px;border-radius:24px}.clubhouse-hero h2{font-size:39px;letter-spacing:-1.6px}.clubhouse-hero p{font-size:14px}.clubhouse-hero .btn.primary{font-size:13px}.clubhouse-hero .hero-guide{font-size:12px}.clubhouse-hero .hero-meta{font-size:11px;gap:10px 15px}.clubhouse-hero .banner-actions{gap:13px}.investigation-board.clubhouse-art{min-height:260px;max-width:340px;margin-top:9px}.art-label{font-size:10px;padding:8px 10px}.art-label-source{left:-1%;top:21%}.art-label-proof{right:-1%;bottom:12%}.art-label .icon{width:15px;height:15px}.art-caption{font-size:8px;letter-spacing:1.1px}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:23px}.dashboard-stats .stat{padding:15px 11px;border-radius:14px}.dashboard-stats .stat-top{gap:8px}.dashboard-stats .stat-icon{padding:7px}.dashboard-stats .stat h3{font-size:11px;line-height:1.6}.dashboard-stats .stat .number{font-size:27px;letter-spacing:-1.1px}.dashboard-stats .number small{font-size:12px}.dashboard-stats .stat p{font-size:11px}.journey-card{padding:23px 19px}.session-list{grid-template-columns:1fr;gap:17px}.room-preview{height:190px}.mission-card-body{padding:19px 17px;grid-template-columns:34px 1fr;gap:11px 12px}.mission-card-body .mission-number{width:34px;height:37px;font-size:12px}.mission-card-body .mission-copy h3{font-size:17px}.mission-card-body .mission-copy p{font-size:12px}.mission-card-body .row-action,.mission-card-body>.badge,.mission-card-body>.room-lock{font-size:13px;min-height:42px}.room-episode{font-size:11px}.dashboard-rail{display:flex;flex-direction:column;gap:21px}.dashboard-rail>*{width:100%}.section-title h2{font-size:24px}.section-title .overline{font-size:10px}.section-title .text-link{font-size:12px}.competency-panel .section-title h2{font-size:24px}.measure>div:first-child{font-size:14px}.measure strong{font-size:12px}.subtle-note{font-size:12px}.insight-card h2{font-size:31px}.insight-card p{font-size:14px}.session-card>.room-preview{height:200px}.session-card h2{font-size:26px}.title-row h1{font-size:32px}.decision-header h2{font-size:27px}.claim{font-size:25px;font-weight:700}.case-top{padding:20px}.header-status .status-button{font-size:10px;max-width:112px}.breadcrumb strong{font-size:12px}.mobile-dock a{font-size:11px;font-weight:800}.mobile-dock a.active{border-top:3px solid var(--primary);border-radius:9px;background:var(--purple-soft)}}
@media(max-width:360px){.shell main{padding-left:14px;padding-right:14px}.clubhouse-hero h2{font-size:35px}.mission-banner.evidence-hero.clubhouse-hero{padding:25px 20px 18px}.clubhouse-hero .hero-meta{font-size:11px}.clubhouse-hero .hero-guide{font-size:12px}.investigation-board.clubhouse-art{min-height:240px}.art-label{font-size:9px;padding:7px 8px}.dashboard-stats .stat{padding:13px 9px}.dashboard-stats .stat .number{font-size:24px}.dashboard-stats .stat h3,.dashboard-stats .stat p{font-size:11px}.room-preview{height:170px}.journey-card{padding:21px 17px}.section-title h2{font-size:23px}.mission-card-body .mission-copy h3{font-size:16px}.header-status .status-button{max-width:96px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.investigator-asset{transform:rotate(-3deg)}}
@media print{.clubhouse-art,.room-preview,.case-top:before{display:none!important}.mission-banner.evidence-hero.clubhouse-hero{display:block;background:white;border:1px solid #999;min-height:0;padding:20px;box-shadow:none}.clubhouse-hero h2,.clubhouse-hero p{color:black}.mission-row.room-card{break-inside:avoid;box-shadow:none}.session-list{grid-template-columns:1fr 1fr}.mission-card-body{padding:12px}.session-card>.room-preview{display:none}.card{box-shadow:none}}
/* The atlas cells stay square; the preview window crops them without stretching furniture. */
.room-art{inset:auto 0;top:50%;width:100%;height:auto;aspect-ratio:1;transform:translateY(-50%) scale(1.03)}
@media(prefers-reduced-motion:no-preference){.room-card:hover .room-art{transform:translateY(-50%) scale(1.07)}}
/* Raised styles never reduce the large-text preference. */
.large-text .clubhouse-hero p,.large-text .mission-card-body .mission-copy h3{}.large-text .mission-card-body .mission-copy p,.large-text .hero-meta,.large-text .dashboard-stats .stat h3,.large-text .dashboard-stats .stat p{}.large-text .mission-card-body .row-action{}

/* School attribution uses the supplied white wordmark unchanged on dark surfaces. */
.school-identity{background:var(--nav);border:1px solid #FFFFFF22;border-radius:11px;padding:13px 12px;margin:0 0 8px;display:grid;gap:8px;justify-items:start}.school-identity img,.school-attribution-mark img{display:block;width:147px;height:30px;max-width:100%;object-fit:contain}.school-identity>span{font-size:11px;line-height:1.6;color:#D9E6DB;font-weight:600}.footer-identity{display:grid;gap:5px;min-width:0}.school-copyright{font-size:11px;line-height:1.7;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.school-attribution{display:flex;gap:16px;align-items:center;padding:18px 0 22px;margin-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.school-attribution-mark{background:#213B37;border:1px solid #48635C;border-radius:11px;padding:13px 12px;flex-shrink:0}.school-attribution h3{font-size:16px;margin:0 0 5px}.school-attribution p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}@media(max-width:520px){footer{gap:16px;align-items:flex-start;flex-wrap:wrap}.footer-identity{width:100%}.school-copyright{font-size:11px}.school-attribution{gap:13px}.school-attribution h3{font-size:16px}}

/* SARING: one local typeface, a readable action hierarchy, and one responsive owner.
   Letters identify the method; the full explanation still uses the shared modal. */
.saring-card{padding:26px;container-type:inline-size}
.saring-card .section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 24px;flex-wrap:wrap}
.saring-card .section-title>div{min-width:0;flex:1 1 240px}
.saring-card .section-title .overline{font-size:11px;font-weight:650;letter-spacing:.09em;line-height:1.5}
.saring-card .section-title h2{font-family:var(--display);font-size:var(--text-feature);font-weight:700;line-height:1.3;letter-spacing:-.015em;margin:7px 0 8px;color:var(--ink)}
.saring-card .saring-intro{font-size:var(--text-support);font-weight:450;line-height:1.65;letter-spacing:normal;color:var(--muted);margin:0;max-width:46ch}
.saring-card .section-title .text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:normal;min-height:44px;padding:10px 0;white-space:nowrap}
.saring-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.saring-chip{--step-accent:var(--lavender);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;min-width:0;min-height:106px;padding:18px 15px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-bottom-width:3px;border-radius:15px;text-align:left;box-shadow:0 3px 8px #252D4005;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;transform:none}
.saring-chip:nth-child(3n+2){--step-accent:var(--yellow)}
.saring-chip:nth-child(3n){--step-accent:var(--aqua)}
.saring-chip strong{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--step-accent);color:var(--ink);font-family:var(--display);font-size:26px;font-weight:750;line-height:1;letter-spacing:normal}
.saring-chip .saring-step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;white-space:normal}
.saring-chip .saring-step-name{display:block;color:var(--ink);font-family:var(--display);font-size:var(--text-subheading);font-weight:700;line-height:1.35;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}
.saring-chip .saring-step-cue{display:block;color:var(--muted);font-size:var(--text-support);font-weight:450;line-height:1.55;letter-spacing:normal;white-space:normal}
.saring-chip:hover:not(:disabled){background:var(--surface-soft);border-color:var(--sage);box-shadow:0 5px 12px #252D4010;transform:none}
.saring-chip:active:not(:disabled){background:var(--purple-soft);box-shadow:inset 0 2px 4px #252D400D;transform:none}
.saring-chip:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.saring-chip:disabled{opacity:.55;box-shadow:none}
@supports not (container-type:inline-size){@media(max-width:720px){.saring-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.saring-strip{grid-template-columns:1fr}}}
@container(max-width:580px){.saring-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:400px){.saring-strip{grid-template-columns:1fr}.saring-chip{min-height:88px;padding:15px}.saring-card .section-title>div{flex-basis:100%}}
@media(max-width:520px){.saring-card{padding:21px 18px}.saring-card .section-title{gap:4px;margin-bottom:18px}.saring-card .section-title h2{font-size:var(--text-feature)}}
@media(prefers-reduced-motion:reduce){.saring-chip{transition:none}}
body.large-text .saring-card .saring-intro{}
body.large-text .saring-chip .saring-step-name{}
body.large-text .saring-chip .saring-step-cue{}
body.large-text .saring-card .section-title .text-link{}
@media(forced-colors:active){.saring-chip,.saring-chip strong{border:1px solid ButtonText}.saring-chip:focus-visible{outline-color:Highlight}}

/* Type roles 3.6.3. Runtime source: this block; DESIGN.md mirrors the values.
   Larger text changes role tokens, never blanket paragraph/heading sizes. */
:root{
  --text-page:clamp(30px,2.7vw,40px);
  --text-hero:clamp(35px,3.1vw,47px);
  --text-feature:clamp(24px,2.2vw,28px);
  --text-heading:22px;
  --text-subheading:16px;
  --text-body:16px;
  --text-support:14px;
  --text-label:14px;
  --text-meta:12px;
  --text-eyebrow:11px;
  --text-claim:26px;
  --text-number:30px;
}
body.large-text{
  --text-page:clamp(34px,3vw,44px);
  --text-hero:clamp(39px,3.4vw,51px);
  --text-feature:clamp(28px,2.5vw,32px);
  --text-heading:26px;
  --text-subheading:18px;
  --text-body:18px;
  --text-support:16px;
  --text-label:16px;
  --text-meta:14px;
  --text-eyebrow:12px;
  --text-claim:30px;
  --text-number:34px;
}
body{font-size:var(--text-body);font-weight:450;line-height:1.65}
.studio-title h1,.title-row h1{font-size:var(--text-page);font-weight:750;line-height:1.22;letter-spacing:-.03em}
.clubhouse-hero h2{font-size:var(--text-hero);line-height:1.15}
.section-title h2,.section-title h3,.card>h2,.session-card h2,.test-card h2,.rail-heading h2,.decision-header h2,.competency-panel .section-title h2,.activity-card h2,.research-section-heading h2,.research-overview h2{font-size:var(--text-heading);font-weight:700;line-height:1.35;letter-spacing:-.015em}
.research-intro h2,.research-shortcut h2,.insight-card h2{font-size:var(--text-feature);font-weight:700;line-height:1.35;letter-spacing:-.015em}
.card>h3,.case-source h3,.evidence-panel h3,.feedback h3,.instrument-row h3,.matrix-example h3,.research-outline h3{font-size:var(--text-subheading);font-weight:700;line-height:1.4;letter-spacing:normal}
.studio-title p,.title-row p,.card>p,.session-card p,.test-card>p,.case-body>.muted.small,.evidence-panel p,.decision-card>p,.research-panel p,.research-intro p,.guide-steps details>p,.guide-list,.matrix-example p,.feedback p,.note,.privacy-list{font-size:var(--text-body);font-weight:450;line-height:1.75;letter-spacing:normal}
.case-body .claim{font-family:var(--display);font-size:var(--text-claim);font-weight:650;line-height:1.5;letter-spacing:-.015em;max-width:38ch;margin:16px 0 20px;overflow-wrap:break-word}
.decision-card .decision-field legend{font-size:var(--text-subheading);font-weight:700;line-height:1.5;letter-spacing:normal;margin-bottom:12px}
.decision-card .choice{font-size:var(--text-body);font-weight:550;line-height:1.5;letter-spacing:normal;min-width:0;min-height:52px;padding:13px 14px;overflow-wrap:break-word}
.decision-field legend>span{font-size:var(--text-meta);font-weight:700;line-height:1;vertical-align:middle;width:24px;height:24px;margin-right:8px}
.case-body .evidence-tab,.case-body .evidence-tab span{font-size:var(--text-label);font-weight:650;line-height:1.5;letter-spacing:normal;white-space:normal;overflow-wrap:break-word}
.case-body .evidence-tab{padding:13px 9px;min-height:82px}
.case-source p,.evidence-panel .source-note,.flow-steps span,.study-progress,.save-caption,.hint-row,.hint-row span,.hint-row button,.feedback-grid>div,.test-card .test-condition{font-size:var(--text-meta);font-weight:500;line-height:1.65;letter-spacing:normal}
.case-body .case-tag,.case-tag,.overline,.eyebrow,.section-title .overline,.competency-panel .overline,.studio-title .overline{font-size:var(--text-eyebrow);font-weight:650;line-height:1.5;letter-spacing:.08em}
.case-saring summary,.case-saring p,.case-saring p span{font-size:var(--text-support);line-height:1.7}
.badge,.case-card .badge,.decision-card .badge{font-size:var(--text-meta);font-weight:650;line-height:1.5;white-space:normal}
.btn,button,.text-link,.section-title .text-link,.study-toolbar .text-link,.study-toolbar #focus-toggle,.submit-bar .primary,.form-grid input,.form-grid select,.report-tools input,.report-tools select{font-size:var(--text-label);font-weight:650;line-height:1.5;letter-spacing:normal}
input,select,textarea,.form-grid input,.form-grid select,.report-tools input,.report-tools select{font-size:var(--text-body);font-weight:450;line-height:1.5}
.small,.card .small,.form-grid label,.research-check,.research-check strong{font-size:var(--text-support);line-height:1.7}
.mission-card-body .mission-copy h3{font-size:var(--text-subheading);font-weight:700;line-height:1.4}
.mission-card-body .mission-copy p,.dashboard-stats .stat h3,.measure>div:first-child,.learning-principle strong,.teacher-summary strong{font-size:var(--text-support);line-height:1.6}
.dashboard-stats .stat p,.session-footnote,.subtle-note,.journey-progress,.journey-progress strong,.measure strong,.learning-principle p,.privacy-inline p,.activity-day,.activity-footer,.room-lock,.mission-card-body .row-action{font-size:var(--text-meta);line-height:1.65}
.dashboard-stats .stat .number,.coverage-grid>div>strong{font-size:var(--text-number);line-height:1.25}
.teacher-summary>div>span,.coverage-grid>div>span,.coverage-grid>div>p,.tiny-meta,.stat p{font-size:var(--text-meta);line-height:1.65}
.teacher-summary>div>span strong{font-size:var(--text-subheading);line-height:1.5}
.matrix-cell strong,.research-flow strong,.guide-steps summary strong{font-size:var(--text-subheading);font-weight:700;line-height:1.5}
.guide-steps summary small{font-size:var(--text-eyebrow);font-weight:650;line-height:1.5;letter-spacing:.08em}
.matrix-origin,.matrix-cell>span:last-child{font-size:var(--text-meta);line-height:1.5}
.research-status,.research-design,.research-outline dt,.instrument-row small,.research-intro-meta strong span,.research-intro-meta p,.research-footnote,.research-download p,.research-track small,.research-track strong{font-size:var(--text-meta);font-weight:500;line-height:1.65}
.research-tabs button{font-size:var(--text-label);font-weight:650;line-height:1.5;white-space:normal}
.research-table th,.research-table td,th,td{font-size:var(--text-support);line-height:1.6}
.saring-card .section-title .overline{font-size:var(--text-eyebrow)}
.saring-card .section-title .text-link{font-size:var(--text-label)}
.saring-chip strong{font-size:var(--text-claim)}
.hero-meta,.hero-guide,.clubhouse-hero .banner-label,.path-switch>span,.path-switch button{font-size:var(--text-meta);line-height:1.6}
.clubhouse-hero p{font-size:var(--text-body);line-height:1.75}
.clubhouse-hero .btn.primary{font-size:var(--text-label)}
.nav-label,.brand small,.workspace-label small,.profile small,.offline-card p,.offline-card button,.status-button,.header-status .status-button,.date-label,.school-copyright{font-size:var(--text-meta);line-height:1.65}
.header-status .status-button,.header-status #connection{font-size:var(--text-meta);max-width:168px;white-space:normal;overflow:visible;line-height:1.4}
#sidebar nav a{font-size:var(--text-label);line-height:1.5}
dialog #modal-title,.usage-panel-heading h2,.usage-tour h2{font-size:var(--text-feature);font-weight:700;line-height:1.35;letter-spacing:-.015em}
dialog p,.usage-panel-heading p,.usage-tour-body,.usage-research p{font-size:var(--text-body);line-height:1.75}
dialog h3,.command-result strong,.usage-quicksteps strong{font-size:var(--text-subheading);line-height:1.5}
.command-result small,.command-help,.decision-error,.usage-counter,.usage-full-guide,.usage-tour-note p,.usage-reminder p,.usage-quicksteps span{font-size:var(--text-support);line-height:1.65}
.usage-launch,.usage-panel-heading .btn,.usage-tour-actions .btn{font-size:var(--text-label)}
@media(max-width:720px){.header-status .status-button{font-size:var(--text-meta)}.hero-meta{flex-wrap:wrap}.research-tabs{flex-wrap:wrap}.research-tabs button{flex:1 1 auto}}
@media(max-width:520px){.flow-steps{display:grid;grid-template-columns:1fr;gap:5px}.flow-steps span{white-space:normal}.choices{flex-direction:column}.header-status .status-button,.header-status #connection{max-width:110px}.decision-card .choice{width:100%}}

.case-body .empty-evidence{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 12px;align-items:start}
.case-body .empty-evidence>.icon{grid-column:1;grid-row:1/3;align-self:start;margin-top:4px}
.case-body .empty-evidence>h3,.case-body .empty-evidence>p{grid-column:2;margin:0}
.quick-search,.quick-search kbd,.breadcrumb,.breadcrumb strong,.footer-actions>span,footer{font-size:var(--text-meta);line-height:1.5}

#submit,#install,.usage-research summary{font-size:var(--text-label);line-height:1.5}
#toast,#storage-banner strong,#storage-banner p{font-size:var(--text-support);line-height:1.65}
.research-intro-meta strong,.stat .number{font-size:var(--text-number);line-height:1.25}

/* Home introduction: keep the title, utilities, and activity choice in clear rows. */
.studio-title,.studio-title:has(.usage-launch){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;margin:0 0 22px}
.studio-title>div{grid-column:1/-1;min-width:0}
.studio-title h1{max-width:none;margin:8px 0}
.studio-title p{max-width:64ch;margin:0}
.studio-title .date-label{display:inline-flex;grid-column:1;grid-row:2;justify-self:start;align-items:center;gap:8px;white-space:normal;margin:0;min-width:0}
.studio-title .date-label .icon{width:16px;height:16px;flex-shrink:0}
.studio-title>.usage-launch{grid-column:2;grid-row:2;justify-self:end;margin:0;min-height:44px;max-width:100%;white-space:normal}
.path-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;max-width:620px;min-height:0;padding:16px;margin:0 0 22px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.path-switch button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;margin:0;padding:11px 14px;white-space:normal;text-align:center;font-size:var(--text-label);line-height:1.5;font-weight:650}
.path-switch button .icon{width:18px;height:18px;flex-shrink:0}
.path-switch>span{display:block;grid-column:1/-1;max-width:none;margin:0;padding:12px 0 0;text-align:left;border-top:1px solid var(--line);font-size:var(--text-meta);line-height:1.65}
.path-lock-note{max-width:68ch;margin:-8px 0 22px;font-size:var(--text-meta);line-height:1.65}
@media(max-width:720px){.studio-title .date-label{display:none}.studio-title>.usage-launch{grid-column:1/-1;justify-self:start}.studio-title,.studio-title:has(.usage-launch){gap:14px}.path-switch{max-width:none}}
@media(max-width:520px){.studio-title>.usage-launch{width:100%;justify-content:center}.path-switch{grid-template-columns:1fr;padding:14px;gap:10px}.path-switch button{width:100%}.path-switch>span{padding-top:10px}}

/* Proposal orientation and transparent learner-score explanations. */
.learning-entry{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 26px;margin:0 0 24px;background:var(--surface);border:1px solid var(--line)}
.learning-entry>div{min-width:0;max-width:64ch}.learning-entry h2{font-size:var(--text-heading);line-height:1.35;margin:7px 0}.learning-entry p{font-size:var(--text-support);color:var(--muted);margin:0;line-height:1.7}.learning-entry>.btn{flex-shrink:0;white-space:normal;text-align:left}
.score-meaning{margin:24px 0;padding:26px}.score-meaning>h2{font-size:var(--text-heading);line-height:1.35;margin:7px 0 12px}.score-meaning>p{font-size:var(--text-body);line-height:1.75;max-width:76ch}
.score-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.score-meaning-grid>div{min-width:0;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:20px}.score-meaning-grid h3{font-size:var(--text-subheading);line-height:1.4;margin:0 0 12px}.score-result{display:block;font-size:var(--text-number);line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}.score-meaning-grid p{font-size:var(--text-support);line-height:1.7;margin:0;color:var(--muted)}
.score-calculation{border-top:1px solid var(--line);padding-top:18px}.score-calculation summary{font-size:var(--text-label);font-weight:650;cursor:pointer}.score-calculation dl{margin:18px 0}.score-calculation dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.score-calculation dt,.score-calculation dd,.score-calculation p{font-size:var(--text-support);line-height:1.7}.score-calculation dd{font-weight:700;margin:0;white-space:nowrap}
@media(max-width:900px){.learning-entry{align-items:flex-start;flex-direction:column;gap:18px}.score-meaning-grid{grid-template-columns:1fr}}
@media(max-width:520px){.learning-entry,.score-meaning{padding:22px 19px}.learning-entry>.btn{width:100%;justify-content:center}.score-calculation dl>div{flex-direction:column;gap:5px}}

/* News simulations 3.8.0. Existing semantic type roles and document scroll remain owners. */
.case-body .case-news{min-width:0;margin:18px 0 22px}
.case-body .case-news h2{font-family:var(--display);font-size:var(--text-heading);font-weight:700;line-height:1.4;letter-spacing:-.015em;margin:0 0 18px;overflow-wrap:break-word}
.case-body .news-figure{margin:0 0 22px;min-width:0}
.case-body .news-media{display:grid;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}
.case-body .news-media img{display:block;grid-area:1/1;width:100%;height:100%;object-fit:cover}
.case-body .news-media .news-image-error{grid-area:1/1;align-self:center;margin:0;padding:24px;font-size:var(--text-support);font-weight:450;line-height:1.7;color:var(--muted)}
.case-body .news-media [hidden]{display:none}
.case-body .news-figure figcaption{font-size:var(--text-support);line-height:1.65;color:var(--muted);margin:10px 0 0;overflow-wrap:break-word}
.case-body .news-copy p{font-size:var(--text-body);font-weight:450;line-height:1.8;letter-spacing:normal;max-width:68ch;margin:0 0 14px;overflow-wrap:break-word}
.case-body .news-copy p:last-child{margin-bottom:0}