/* SIDIK-AI Studio 3.0 — shared tokens, working surfaces, and accessible layouts. */
:root{--bg:#f3f6f8;--surface:#fff;--surface-soft:#f5f8fa;--ink:#172b40;--muted:#5f7284;--line:#dde6eb;--primary:#0b766c;--primary-deep:#07584f;--purple-soft:#e7f4f1;--mint:#e3f3ec;--green:#246d51;--nav:#102638;--orange-soft:#fff1dc;--amber:#875016;--radius:16px;--sidebar:248px;--sans:"Segoe UI",Arial,sans-serif;--shadow:0 3px 16px #10263804}
body[data-theme=dark]{--bg:#101c28;--surface:#172a39;--surface-soft:#1d3344;--ink:#edf5f8;--muted:#afc1ce;--line:#314959;--primary:#78d8c2;--primary-deep:#a5ead9;--purple-soft:#1c413e;--mint:#1b3b35;--green:#9be0ba;--orange-soft:#3b3222;--amber:#f4c785;--nav:#0c1b28}
body{letter-spacing:-.1px}h1{font-size:32px;letter-spacing:-1.1px;font-weight:730}h2{font-weight:700}button,.btn{font-size:14px;min-height:44px;border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #19a88f;outline-offset:3px}.small,.text-link{font-size:14px}.muted{line-height:1.75}.badge{font-size:12px;white-space:normal}.card{padding:25px;border-radius:16px}p{line-height:1.75}.icon-tile{width:40px;height:40px;display:grid;place-items:center;background:var(--purple-soft);color:var(--primary);border-radius:12px}
aside{padding:28px 16px 18px}.brand{padding:0 12px 27px;gap:12px;letter-spacing:-.8px}.brand-ai{color:#89decb}.brand small{font-size:10px;letter-spacing:1.7px;color:#a3bacb}.mark{background:#98e2ce;color:#112d37;box-shadow:none;border-radius:12px}.mark span{display:none}.workspace-label{border-color:#2b4658;margin-bottom:24px;font-size:14px;padding:12px 10px}.workspace-label small{font-size:12px;color:#adc0ce}.workspace-tag{font-size:12px}.school-icon{background:#1d3b4b;color:#9ad9cc}.nav-label{font-size:11px;color:#8faaba;letter-spacing:1.3px}.nav-count{font-size:12px}aside nav a{font-size:14px;padding:13px 14px;color:#bad0df;margin:5px 0;gap:13px}aside nav a.active{background:#21483f;color:#c7fae9;box-shadow:none}aside nav a.active:before{content:"";height:22px;width:3px;border-radius:2px;background:#9de1c8;position:absolute;left:16px}aside nav a:hover:not(.active){background:#1b394a}.offline-card{background:#183644;border-color:#294d57;padding:17px}.offline-card strong{font-size:14px}.offline-card p{font-size:13px;color:#aec7d3}.offline-card>span{color:#b5e3cd}.offline-card button{font-size:12px;color:#b8e8d5;min-height:34px}.aside-bottom{padding-top:20px}.profile{font-size:13px;border-color:#2b4658}.profile small{font-size:12px;color:#a6bfcb}.avatar{background:#274656;color:#bddbcc}.profile-check{color:#b5e4d1}
header{height:78px;padding:0 36px;gap:16px;background:var(--surface)}.breadcrumb{font-size:14px;gap:12px}.header-status{gap:8px}.status-button{font-size:12px;min-height:36px;padding:7px 10px}.header-avatar{display:none}.icon-button{min-width:42px;min-height:42px}.quick-search{display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 12px;color:var(--muted);font-weight:400;margin-left:auto;background:var(--surface-soft);border-color:var(--line);width:190px;font-size:13px}.quick-search kbd{margin-left:auto;font:11px var(--sans);padding:1px 5px;border:1px solid var(--line);border-radius:4px}.quick-search .icon{width:16px}.header-divider{margin:0 3px}main{padding:32px 36px 48px;max-width:1530px}.studio-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 23px}.studio-title h1{margin:7px 0 6px}.studio-title p{color:var(--muted);margin:0;font-size:15px}.overline{display:block;font-size:11px;letter-spacing:1.5px;line-height:1.7;font-weight:700;color:var(--muted)}.date-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--muted)}.date-label .icon{width:16px}.title-row{margin-bottom:24px;align-items:flex-start}.title-row p{font-size:16px}.title-row .eyebrow{color:var(--primary);font-size:11px;letter-spacing:1.3px}.title-row .badge{margin-top:7px}.path-switch{display:flex;align-items:center;gap:5px;margin-bottom:23px}.path-switch button{display:flex;gap:8px;align-items:center;background:transparent;border-color:transparent;color:var(--muted);font-size:13px;padding:8px 13px}.path-switch button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--primary);box-shadow:0 2px 5px #163d3610}.path-switch>span{font-size:12px;color:var(--muted);margin-left:auto;max-width:260px;text-align:right;line-height:1.5}.path-switch button .icon{width:17px}
.dashboard-grid{grid-template-columns:minmax(0,1fr) 304px;gap:24px}.dashboard-main,.dashboard-rail{gap:22px}.mission-banner{background:#143d48;border:1px solid #224f58;border-radius:18px;padding:29px 30px;grid-template-columns:minmax(0,1fr) 143px;min-height:242px;gap:18px}.banner-label{display:flex;gap:8px;align-items:center;color:#b0dece;font-size:11px;letter-spacing:1.4px;font-weight:650}.banner-label .icon{width:17px;height:17px}.mission-banner h2{font-size:28px;line-height:1.24;margin:13px 0;max-width:380px;letter-spacing:-.7px}.mission-banner p{font-size:14px;color:#c2d8dc;max-width:390px;margin:0 0 21px;line-height:1.7}.mission-banner .btn.primary{background:#a9ead1;border-color:#a9ead1;color:#153e3b;min-height:44px;font-size:14px}.mission-banner .btn.primary:hover{background:#c0f5e3}.banner-actions{gap:16px}.banner-meta{font-size:12px;color:#b2ccd0;white-space:nowrap}.banner-meta i{font-style:normal;padding:0 7px}.ring{width:139px;height:139px}.ring .value{stroke:#9fe5cf;stroke-width:6}.ring .track{stroke:#ffffff1c;stroke-width:6}.ring-label strong{font-size:32px}.ring-label span{font-size:11px;color:#c0d4d7}.orbit-caption{font-size:10px;color:#bbd6d8;white-space:nowrap}.dashboard-stats{gap:13px}.stat{padding:18px;border-radius:14px}.stat-icon{padding:8px;background:var(--purple-soft);color:var(--primary)}.stat h3{font-size:12px;line-height:1.5}.stat .number{font-size:31px;margin:13px 0 6px}.stat p{font-size:12px;line-height:1.55}.stat .number small{font-size:15px}.section-title h2{font-size:18px;margin-top:3px}.section-title p{font-size:14px}.text-link{font-size:13px;white-space:normal}.session-list{gap:0}.mission-row{border:none;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;gap:14px}.mission-row:last-child{border-bottom:0;padding-bottom:6px}.mission-row.current{background:transparent}.mission-number{width:41px;height:45px;font-size:14px;border-radius:11px;background:var(--surface-soft)}.current .mission-number{background:var(--primary);color:var(--surface)}.mission-copy h3{font-size:15px}.mission-copy p{font-size:12px;margin-top:3px}.mission-row .row-action{font-size:13px;background:var(--purple-soft);padding:7px 10px;border-radius:8px;min-height:38px}.mini-steps{gap:4px}.mini-steps span{width:20px;height:4px}.mission-row.locked{opacity:.75}.session-footnote{display:flex;gap:8px;color:var(--muted);font-size:12px;margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line)}.session-footnote .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.measure{margin:19px 0}.measure>div:first-child,.measure strong{font-size:13px}.measure strong{font-weight:600}.progress{height:6px;margin-top:10px}.measure .progress>span{background:var(--primary)}.skill-1 .progress>span{background:#69a9b8}.skill-2 .progress>span{background:#d4a063}.skill-3 .progress>span{background:#8493c4}.subtle-note{font-size:12px;line-height:1.7;margin:18px 0 14px}.insight-card{background:var(--mint);border:1px solid var(--line);padding:23px}.insight-kicker{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;letter-spacing:1.3px;margin-bottom:15px;font-weight:700}.insight-kicker .icon{width:18px}.insight-card h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;color:var(--ink)}.insight-card p{color:var(--green);font-size:14px;margin:12px 0 17px}.insight-card .text-link{font-size:12px}.rail-heading h2{font-size:17px}.rail-heading p{font-size:12px}.activity-day{font-size:12px;gap:9px}.day-cell{width:28px;height:31px;border-radius:7px}.day-cell.filled{border-color:#74bba7;background:var(--purple-soft)}.activity-footer{font-size:12px}.privacy-inline{display:flex;gap:10px;padding:0 5px;color:var(--muted)}.privacy-inline .icon{width:18px;height:18px;margin-top:3px}.privacy-inline p{font-size:12px;line-height:1.7;margin:0}.saring-strip{gap:9px}.saring-chip{min-height:88px;gap:9px;padding:12px 3px}.saring-chip strong{width:31px;height:31px;background:var(--purple-soft);color:var(--primary);font-size:16px}.saring-chip span{font-size:11px}.research-track{list-style:none;padding:0;margin:23px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.research-track li{display:flex;flex-direction:column;gap:9px;position:relative}.research-track li:not(:last-child):after{content:"";position:absolute;height:1px;left:39px;right:-7px;top:16px;background:var(--line)}.stage-dot{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-soft);width:33px;height:33px;border-radius:50%;font-size:12px;color:var(--muted)}.finished .stage-dot{background:var(--mint);color:var(--green);border-color:var(--mint)}.underway .stage-dot{background:var(--primary);color:var(--surface);border-color:var(--primary)}.stage-dot .icon{width:17px}.research-track strong{font-size:13px;font-weight:650}.research-track small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.schedule-note{display:flex;gap:10px;align-items:flex-start;padding:13px;background:var(--surface-soft);border-radius:9px;margin-bottom:18px}.schedule-note p{font-size:13px;line-height:1.7;margin:0}.schedule-note .icon{width:17px;height:17px;color:var(--primary);margin-top:4px}
.study-toolbar{margin-bottom:22px}.study-toolbar .text-link{font-size:14px}.study-progress{font-size:13px}.study-toolbar #focus-toggle{display:flex;gap:8px;align-items:center}.study-columns{grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);align-items:start}.decision-card{position:sticky;top:102px;max-height:calc(100vh - 123px);overflow-y:auto}.case-top{padding:21px 25px}.case-source h3{font-size:14px}.case-source p{font-size:12px}.source-avatar{background:var(--purple-soft);color:var(--primary)}.case-body{padding:25px}.case-tag{display:flex;gap:7px;align-items:center;color:var(--primary);font-size:11px;letter-spacing:1.2px;margin-bottom:16px}.case-tag .icon{width:16px;height:16px}.claim{font-size:25px;line-height:1.55;letter-spacing:-.4px;color:var(--ink);font-weight:600}.flow-steps{gap:7px;flex-wrap:wrap}.flow-steps span{font-size:11px;padding:7px 9px;border-radius:6px}.flow-steps span.active{background:var(--purple-soft);color:var(--primary)}.case-divider{margin:22px 0}.evidence-tabs{gap:7px}.evidence-tab{min-height:66px;gap:6px;padding:9px 6px;min-width:0}.evidence-tab span{font-size:12px}.evidence-tab[aria-selected=true]{background:var(--purple-soft);border-color:var(--primary);color:var(--primary)}.evidence-tab.viewed{color:var(--primary)}.evidence-panel{background:var(--surface-soft);border-color:var(--line);margin-top:15px;min-height:191px;padding:22px}.evidence-panel h3{font-size:16px}.evidence-panel p{font-size:16px;line-height:1.8}.source-note{font-size:12px;color:var(--muted)}.empty-evidence{padding:8px 0}.empty-evidence>.icon{width:30px;height:30px;color:var(--primary);margin-bottom:14px}.empty-evidence h3{font-size:15px;color:var(--ink);margin-bottom:9px}.empty-evidence p{font-size:14px;line-height:1.7;margin:0}.hint-row{gap:12px}.hint-row span{font-size:12px}.hint-message{font-size:14px}.decision-card>p{font-size:14px}.decision-header h2{font-size:21px}.decision-field legend{font-size:15px;line-height:1.6}.decision-field legend>span{background:var(--surface-soft);color:var(--muted)}.choice{padding:12px 13px;min-height:48px;font-size:14px;line-height:1.5;border-radius:9px;gap:10px}.choice.selected{background:var(--purple-soft);border-color:var(--primary);color:var(--primary)}.choice.selected .radio{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px var(--surface)}.submit-bar .primary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;font-size:15px}.save-caption{font-size:12px;line-height:1.6}.feedback{background:var(--mint);border:1px solid var(--line);padding:19px;margin-top:20px;border-radius:12px}.feedback h3{font-size:18px;margin-bottom:12px}.feedback p{font-size:14px}.feedback-grid>div{font-size:12px}.feedback-grid strong{font-size:14px}.case-saring{margin:18px 0 0;border:0;padding:0;font-size:13px}.case-saring>summary{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--primary);list-style:none;min-height:40px}.case-saring>summary .icon{width:17px}.case-saring>div{padding:12px;background:var(--surface-soft);border-radius:10px}.case-saring p{font-size:13px;line-height:1.65;margin-bottom:10px}.case-saring p:last-child{margin-bottom:0}.case-saring span{display:block;color:var(--muted)}.test-card p{font-size:15px}.test-card .test-condition{font-size:13px}.test-card button{min-height:46px}.test-card h2{font-size:23px}.test-icon{color:var(--primary);background:var(--purple-soft)}.session-card h2{font-size:21px}.session-card p{font-size:15px}.session-card .tiny-meta{font-size:13px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.guide-steps{padding:4px 23px}.guide-steps details{padding:18px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.guide-steps details:last-child{border:0}.guide-steps summary{display:flex;align-items:center;gap:15px;list-style:none;padding:0;min-height:48px}.guide-steps summary::-webkit-details-marker{display:none}.guide-steps .step-letter{margin:0;width:42px;height:44px;flex-shrink:0;font-size:22px}.guide-steps summary small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.3px;margin-bottom:3px}.guide-steps summary strong{font-size:16px;line-height:1.5}.detail-plus{margin-left:auto;font-size:22px;font-weight:400;color:var(--muted)}.guide-steps details[open] .detail-plus{transform:rotate(45deg)}.guide-steps details>p{padding:13px 0 0 57px;font-size:15px;color:var(--muted);margin:0}.guide-list{padding-left:22px;font-size:15px;line-height:1.8}.guide-list li{padding-left:5px;margin:10px 0}.concept-matrix>p{font-size:14px}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matrix-cell{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-height:142px;padding:16px;background:var(--surface-soft);border:1px solid var(--line);font-weight:400}.matrix-origin{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.matrix-origin .icon{width:16px;height:16px}.matrix-cell strong{font-size:16px;line-height:1.4}.matrix-cell>span:last-child{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.matrix-cell>span:last-child .icon{width:14px;height:14px}.matrix-cell.truthful{border-top:3px solid #64ac97}.matrix-cell.misleading{border-top:3px solid #d3a568}.matrix-cell[aria-pressed=true]{background:var(--purple-soft);border-color:var(--primary)}.matrix-example{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);min-height:233px}.matrix-example h3{font-size:18px;margin:6px 0 9px}.matrix-example p{font-size:15px;color:var(--muted)}.matrix-example>div{display:flex;gap:8px;font-size:13px;color:var(--primary);line-height:1.7}.matrix-example>div .icon{width:18px;height:18px;margin-top:2px}.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.coverage-grid>div>span{font-size:13px;color:var(--muted);display:block}.coverage-grid>div>strong{display:block;font-size:30px;line-height:1.3;margin:13px 0}.coverage-grid strong small{font-size:14px;color:var(--muted);font-weight:400}.coverage-grid p{font-size:12px;color:var(--muted);margin:7px 0 0}.evidence-summary .coverage-grid{grid-template-columns:repeat(3,1fr)}body[data-route=laporan] #main>.columns{margin-top:24px}details summary{font-size:15px}details p{font-size:15px}.report-tools input,.report-tools select{font-size:14px}table{font-size:14px}th,td{padding:12px}input,select{font-size:15px;min-height:45px;border-radius:9px}label{font-size:14px}.teacher-summary{display:flex;gap:22px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px 24px;background:var(--surface);margin-bottom:24px;flex-wrap:wrap}.teacher-summary>div{display:flex;align-items:center;gap:12px;flex:1}.teacher-summary>div>.icon{color:var(--primary);width:22px}.teacher-summary span{font-size:12px;color:var(--muted)}.teacher-summary strong{display:block;font-size:16px;color:var(--ink);font-weight:650;line-height:1.7}.teacher-summary .btn{font-size:13px}.note{font-size:14px;border-left-color:var(--primary)}.error-message{font-size:14px}#storage-banner{display:flex;align-items:center;gap:13px;background:var(--orange-soft);color:var(--ink);border-bottom:1px solid var(--line);padding:16px 36px}#storage-banner>div{flex:1}#storage-banner strong{font-size:14px}#storage-banner p{font-size:13px;margin:3px 0 0}#storage-banner .actions{margin:0;flex:none}
dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:19px;box-shadow:0 24px 90px #071d3650;padding:31px;max-width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#071d3677;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.3;margin:8px 0 15px}dialog p{font-size:15px;color:var(--muted)}.modal-close{font-size:25px;line-height:1}.command-search{display:flex;gap:10px;align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:0 12px;margin:20px 0 12px}.command-search .icon{color:var(--muted);width:19px}.command-search input{width:100%;border:none;background:none;padding:12px 0;font-size:15px;outline-offset:8px}.command-result{display:flex;align-items:center;gap:14px;padding:12px 10px;text-decoration:none;border-radius:10px;min-height:66px}.command-result:hover{background:var(--purple-soft)}.command-result>.icon{color:var(--primary)}.command-result>.icon:last-child{margin-left:auto;width:17px}.command-result strong{display:block;font-size:15px}.command-result small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.command-help{font-size:12px;margin:15px 0 0;padding-top:15px;border-top:1px solid var(--line)}.command-empty{padding:20px 5px}footer{font-size:12px;padding:19px 36px;border-top:1px solid var(--line)}footer span:last-child{font-size:11px}#toast{font-size:14px;max-width:calc(100vw - 32px);padding:14px 20px}.mobile-dock{display:none}.setting-row p{font-size:14px}.setting-row strong{font-size:16px}body.large-text{}body.large-text p,body.large-text .choice,body.large-text input,body.large-text select,body.large-text .decision-field legend{}body.large-text .small,body.large-text .text-link,body.large-text .measure>div:first-child,body.large-text .measure strong{}body.large-text .decision-card{max-height:none;position:static}.focus-mode .quick-search{display:none}.focus-mode main{max-width:1280px}.focus-mode .mobile-dock{display:none}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.mission-banner{grid-template-columns:1fr 200px}.mission-banner h2{font-size:32px;max-width:450px}.mission-banner p{max-width:500px}}
@media(max-width:1200px){:root{--sidebar:224px}aside{padding-left:13px;padding-right:13px}.workspace-label{gap:7px}.workspace-tag{display:none}aside nav a{padding-left:12px;font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;gap:18px}main{padding:26px 24px 40px}header{padding:0 24px}.mission-banner{grid-template-columns:1fr 112px;padding:25px;gap:12px}.ring{width:112px;height:112px}.ring-label strong{font-size:28px}.ring-label span{font-size:10px}.orbit-caption{display:none}.mission-banner h2{font-size:25px}.mission-banner p{font-size:13px}.banner-meta{display:none}.card{padding:21px}.stat{padding:15px}.stat-top{align-items:flex-start}.stat-icon{padding:7px}.stat h3{font-size:11px}.quick-search{width:44px;padding:8px;justify-content:center}.quick-search span,.quick-search kbd{display:none}.study-columns{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:18px}.evidence-tabs{grid-template-columns:1fr}.evidence-tab{min-height:44px;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px}.coverage-grid{grid-template-columns:repeat(2,1fr)}.date-label{font-size:11px}.guide-layout{gap:18px}.matrix-cell{padding:13px}.matrix-cell strong{font-size:15px}}
@media(max-width:1020px) and (min-width:901px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr}.dashboard-rail .privacy-inline{align-self:start}.path-switch>span{display:none}.date-label{display:none}.guide-layout{grid-template-columns:1fr}.study-columns{grid-template-columns:1fr}.decision-card{position:static;max-height:none}.evidence-tabs{grid-template-columns:repeat(3,1fr)}.evidence-tab{flex-direction:column}.header-status{gap:3px}}
@media(max-width:900px){:root{--sidebar:248px}.shell{margin-left:0}aside{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 50px #071d3625}.nav-open aside{transform:translateX(0)}.nav-scrim{z-index:35}.mobile-only{display:inline-flex}.breadcrumb-root,.breadcrumb .divider{display:none}header{height:70px;padding:0 24px}.quick-search{margin-left:auto}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px}.mission-banner{grid-template-columns:1fr}.progress-orbit{display:none}.path-switch>span{display:none}.date-label{font-size:12px}.header-status .header-divider{display:none}.study-columns{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}.study-toolbar .text-link{font-size:13px}.guide-layout{grid-template-columns:1fr 1fr}.guide-steps summary{gap:10px}.guide-steps summary strong{font-size:14px}.guide-steps details>p{padding-left:0}.concept-matrix{padding:18px}.matrix-grid{gap:8px}.matrix-cell{padding:12px}.matrix-cell strong{font-size:14px}.matrix-origin{font-size:11px}.teacher-summary{gap:16px}.teacher-summary>div{min-width:150px}.teacher-summary .btn{width:100%}}
@media(max-width:720px){main{padding:24px 20px 30px}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-rail .competency-panel{grid-row:span 2}.privacy-inline{grid-column:1/-1}.mission-banner{grid-template-columns:minmax(0,1fr) 120px;padding:27px}.progress-orbit{display:grid}.ring{width:120px;height:120px}.mission-banner p{font-size:14px}.mission-banner h2{font-size:28px}.date-label{display:none}.studio-title h1{font-size:30px}.studio-title p{font-size:14px}.study-columns{grid-template-columns:1fr}.decision-card{position:static;max-height:none}.evidence-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-tab{flex-direction:column;justify-content:center;gap:6px;padding:10px 5px}.guide-layout{grid-template-columns:1fr}.concept-matrix{padding:23px}.matrix-cell{padding:17px}.matrix-cell strong{font-size:17px}.matrix-origin{font-size:13px}.matrix-example{min-height:0}.guide-steps summary strong{font-size:16px}.guide-steps details>p{padding-left:57px}.columns{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr}.test-card{min-height:0}.test-card .test-condition{margin-bottom:0}.coverage-grid{gap:19px}.evidence-summary .coverage-grid{grid-template-columns:repeat(3,1fr)}.study-progress{flex:1;max-width:170px}.study-toolbar{flex-wrap:wrap;gap:14px}.study-toolbar .text-link{flex:1}.title-row{gap:12px}.title-row h1{font-size:27px}.title-row .badge{font-size:11px}.title-row p{font-size:15px}#storage-banner{padding:16px 20px;flex-wrap:wrap}#storage-banner .actions{width:100%}.teacher-summary>div{flex:1}.form-grid{grid-template-columns:1fr}footer{padding:20px;font-size:11px}footer>span:last-child{display:none}}
@media(max-width:520px){header{height:64px;padding:0 16px;gap:7px}.breadcrumb{gap:8px}.breadcrumb strong{font-size:13px}.header-status{gap:1px}.header-status #accessibility{display:none}.status-button{padding:7px 8px;font-size:11px;gap:5px}.status-button .icon{width:13px}.quick-search{width:38px;min-width:38px;min-height:38px;margin-left:auto}.icon-button{width:38px;min-width:38px;min-height:40px}#install{position:fixed;bottom:80px;right:16px;box-shadow:0 6px 22px #10352930;font-size:12px;z-index:30}main{padding:24px 16px 30px;min-height:calc(100dvh - 140px)}.studio-title{margin-bottom:19px}.studio-title h1{font-size:29px}.overline{font-size:10px;letter-spacing:1.3px}.path-switch{gap:4px;margin-bottom:19px}.path-switch button{font-size:12px;padding:8px 11px;min-height:43px;flex:1;justify-content:center;gap:7px}.mission-banner{grid-template-columns:minmax(0,1fr) 84px;padding:23px 20px;gap:9px;min-height:0}.mission-banner h2{font-size:25px;line-height:1.25;margin:12px 0}.mission-banner p{font-size:13px;line-height:1.7;margin-bottom:18px}.banner-label{font-size:9px;letter-spacing:1px;gap:5px}.banner-label .icon{width:14px;height:14px}.mission-banner .btn.primary{font-size:13px;padding:10px 12px;min-height:44px}.ring{width:82px;height:82px}.ring-label strong{font-size:24px}.ring-label strong span{font-size:12px}.ring-label>span{font-size:9px;margin-top:3px}.dashboard-main{gap:18px}.dashboard-grid{gap:18px}.dashboard-stats{gap:8px}.stat{padding:14px 10px;min-width:0;border-radius:12px}.stat-top{flex-direction:column;gap:8px}.stat h3{font-size:11px}.stat-icon{padding:7px}.stat .number{font-size:28px;margin:10px 0 6px}.stat .number small{font-size:12px}.stat p{font-size:10px}.card{padding:21px 18px}.section-title{gap:10px;margin-bottom:15px}.section-title h2{font-size:18px}.section-title .text-link{font-size:11px;gap:4px}.section-title .text-link .icon{width:14px}.mission-row{gap:11px;padding:17px 0}.mission-number{width:35px;height:39px;font-size:13px;border-radius:9px}.mission-copy h3{font-size:14px}.mission-copy p{font-size:11px}.mission-row .row-action{font-size:11px;padding:7px 8px;gap:4px}.mission-row .row-action .icon{width:13px}.mission-row .badge{font-size:10px;padding:5px 7px}.mini-steps span{width:17px}.session-footnote{font-size:11px}.dashboard-rail{display:flex;flex-direction:column;gap:18px}.measure>div:first-child,.measure strong{font-size:14px}.insight-card h2{font-size:25px}.insight-card p{font-size:14px}.insight-card .text-link{font-size:13px}.activity-day{font-size:12px}.day-cell{width:35px;height:35px}.activity-footer{font-size:13px}.saring-strip{grid-template-columns:repeat(3,1fr);gap:9px}.saring-chip{min-height:85px}.saring-chip span{font-size:12px}.research-track{gap:8px}.research-track strong{font-size:11px}.research-track small{font-size:11px}.schedule-note p{font-size:13px}.research-widget>.text-link{font-size:13px}.title-row{flex-direction:column}.title-row .badge{margin-top:0}.title-row h1{font-size:27px}.study-toolbar{align-items:center;gap:10px}.study-toolbar .text-link{font-size:12px}.study-progress{max-width:none;order:3;flex-basis:100%;display:flex;align-items:center;gap:10px}.study-progress .progress{flex:1}.study-toolbar #focus-toggle{font-size:12px;padding:8px 10px;min-height:39px}.case-top{padding:17px}.case-source{gap:10px}.case-source h3{font-size:13px}.case-source p{font-size:11px}.case-top .badge{font-size:10px;padding:5px}.case-body{padding:20px 17px}.claim{font-size:22px}.case-tag{font-size:10px;letter-spacing:.8px}.flow-steps{gap:5px}.flow-steps span{font-size:10px;padding:6px}.evidence-tab span{font-size:11px}.evidence-panel{padding:17px}.evidence-panel p{font-size:15px}.hint-row{flex-wrap:wrap}.hint-row button{font-size:13px}.decision-card{padding:22px 18px}.decision-field legend{font-size:15px}.choice{font-size:15px;padding:13px}.decision-header h2{font-size:22px}.feedback-grid{gap:6px}.feedback-grid strong{font-size:13px}.feedback-grid>div{font-size:11px;padding:9px 5px}.matrix-cell{padding:15px 12px}.matrix-cell strong{font-size:16px}.matrix-origin{font-size:12px}.matrix-cell>span:last-child{font-size:11px}.guide-steps summary strong{font-size:15px}.guide-steps details>p{padding-left:0;font-size:15px}.guide-list{font-size:15px}.coverage-grid{grid-template-columns:1fr 1fr;gap:21px 15px}.coverage-grid>div>span{font-size:12px}.coverage-grid>div>strong{font-size:28px}.evidence-summary .coverage-grid{grid-template-columns:1fr}.evidence-summary .coverage-grid>div{border-bottom:1px solid var(--line);padding-bottom:14px}.evidence-summary .coverage-grid>div:last-child{border:0;padding-bottom:0}.evidence-summary .coverage-grid>div>strong{font-size:25px;margin:9px 0}.report-tools{flex-direction:column;gap:9px}.report-tools input,.report-tools select{width:100%}.teacher-summary{padding:18px;gap:18px}.teacher-summary>div{min-width:130px}.teacher-summary>div:last-of-type{flex-basis:100%}dialog{padding:25px 21px;max-width:calc(100vw - 24px)}dialog h2{font-size:24px}.command-result{padding:12px 3px;gap:11px}.command-result small{font-size:11px}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:7px 8px max(8px,env(safe-area-inset-bottom));z-index:26;margin:0;box-shadow:0 -3px 20px #10263807}.mobile-dock a{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:10px;margin:0;padding:4px 2px;color:var(--muted);min-height:45px;border-radius:8px}.mobile-dock a.active{color:var(--primary);background:var(--purple-soft);box-shadow:none}.mobile-dock a .icon{width:20px;height:20px}.shell{padding-bottom:70px}footer{padding:17px 16px;font-size:11px}#toast{bottom:84px}.focus-mode .shell{padding-bottom:0}.focus-mode #toast{bottom:16px}.is-studying:not(.focus-mode) #main{padding-bottom:25px}.step-grid{grid-template-columns:1fr}}
@media(max-width:360px){.header-status .status-button{font-size:10px;padding:6px}.breadcrumb strong{font-size:12px}.mission-banner{grid-template-columns:1fr}.progress-orbit{display:none}.mission-banner h2{max-width:260px}.stat .number{font-size:24px}.stat h3{font-size:10px}.matrix-cell strong{font-size:14px}.matrix-origin{font-size:11px}.mission-row .row-action{padding:6px;font-size:10px}.mission-copy h3{font-size:13px}.day-cell{width:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mobile-dock,.quick-search,#storage-banner,.path-switch{display:none!important}.shell{padding:0}main{padding:0;max-width:none}.card,.stat{box-shadow:none;break-inside:avoid;border-color:#ccc}.coverage-widget{break-inside:avoid}.coverage-grid{grid-template-columns:repeat(4,1fr)}body,body[data-theme=dark]{--ink:#111;--muted:#444;--surface:#fff;--bg:#fff;--line:#ccc;color:#111;background:white}.teacher-summary{display:none}.evidence-summary{break-inside:avoid}}

.sidebar-settings{display:flex;gap:10px;align-items:center;width:100%;margin-bottom:16px;background:transparent;border-color:#2b4658;color:#bad0df;font-size:12px;text-align:left;padding:10px 12px;min-height:44px}.sidebar-settings .icon{width:18px}
@media(max-width:900px){aside{visibility:hidden}.nav-open aside{visibility:visible}}