:root{--color-bg:#f7f6f3;--color-surface:#fff;--color-surface-sunken:#f1efeb;--color-text:#262522;--color-muted:#524f49;--color-muted-soft:#87837a;--color-primary:#3b6391;--color-primary-strong:#2a4a70;--color-primary-soft:#c7d7e9;--color-primary-contrast:#fff;--color-accent:#855c15;--color-border:#e6e3dd;--color-border-strong:#d5d1c9;--color-focus:#3b6391;--color-alert-bg:#f8f0e1;--color-alert-border:#c48a2f;--color-ok:#35754d;--color-ok-bg:#e9f3ed;--color-info-bg:#edf2f8;--glass-bg:#ffffffa8;--glass-border:#e6e3ddb3;--glass-highlight:#fff9;--shadow-card:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--shadow-raised:0 4px 12px -2px #00000014, 0 16px 40px -16px #0000002e;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 1.2rem + 1.5vw, 1.9rem);--text-2xl:clamp(1.9rem, 1.4rem + 2.4vw, 2.6rem);--text-display:clamp(2.3rem, 1.6rem + 3.4vw, 3.4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius:20px;--radius-sm:12px;--radius-pill:999px;--tap-target:44px;--content-width:48rem;--ease-calm:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:100%;line-height:1.55}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-size:var(--text-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58rem 42rem at 4% -10%,#608ccae6,#0000 68%),radial-gradient(54rem 40rem at 104% -6%,#a894d6cc,#0000 66%),radial-gradient(50rem 38rem at -6% 106%,#70b28ccc,#0000 66%),radial-gradient(54rem 40rem at 106% 104%,#e0b27abf,#0000 66%),radial-gradient(44rem 32rem at 50% 34%,#ffffff4d,#0000 72%);position:fixed;inset:0}h1,h2,h3,h4{margin:0 0 var(--space-3);overflow-wrap:break-word;letter-spacing:-.015em;line-height:1.2}h1{font-size:var(--text-2xl);font-weight:800}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:700}p,ul,ol{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-underline-offset:.15em}a:hover{color:var(--color-primary-strong)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}::selection{background-color:var(--color-primary-soft);color:var(--color-text)}.skip-link{background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:10;position:absolute;top:0;left:-999px}.skip-link:focus{left:var(--space-3)}.site-header{-webkit-backdrop-filter:blur(20px)saturate(155%);border-bottom:1px solid var(--glass-border);z-index:5;background:#ffffff8c;position:sticky;top:0}.site-header__inner{max-width:72rem;padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.site-header__name{font-weight:700;font-size:var(--text-lg);color:var(--color-text);text-decoration:none}.site-header__brand{align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.site-header__brand svg{border-radius:8px;flex-shrink:0}.site-nav{gap:var(--space-1);display:flex}.site-nav a{min-height:var(--tap-target);padding:0 var(--space-4);color:var(--color-primary);border-radius:var(--radius-pill);transition:background-color .16s var(--ease-calm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{background:#ffffffbf}.site-nav a[aria-current=true],.site-nav a[aria-current=page]{color:var(--color-text);box-shadow:var(--shadow-card);background:#ffffffe6}main{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--space-4) var(--space-7);flex:1;margin:0 auto}.site-footer{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(155%);color:var(--color-muted);font-size:var(--text-sm);background:#ffffff73}.site-footer__inner{max-width:72rem;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__inner p{margin:0}.hero{text-align:center;padding:var(--space-6) 0 var(--space-5)}.hero h1{font-size:var(--text-display);letter-spacing:-.025em;margin-bottom:var(--space-4);font-weight:800}.hero .lede{max-width:34rem;margin:0 auto var(--space-5)}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);color:var(--color-primary-strong);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#c7d7e98c;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:var(--color-primary);border-radius:50%;width:.5em;height:.5em}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2);font-weight:700}.lede{font-size:var(--text-lg);color:var(--color-muted)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(155%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-card)}.card--primary{box-shadow:var(--shadow-raised);border:2px solid #3b63918c}.button,button{font:inherit}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);min-width:var(--tap-target);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;transition:background-color .16s var(--ease-calm), transform .16s var(--ease-calm), box-shadow .16s var(--ease-calm);font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong);color:var(--color-primary-contrast);box-shadow:var(--shadow-card)}.button--secondary{color:var(--color-primary);background:#fffc}.button--secondary:hover{background:var(--color-info-bg);color:var(--color-primary-strong)}.button--quiet{color:var(--color-primary);background:0 0;border-color:#0000;text-decoration:underline}.button--quiet:hover{box-shadow:none;background:#fff9}.button:disabled{opacity:.55;cursor:not-allowed}.choice-list{margin:0 0 var(--space-5);gap:var(--space-3);padding:0;list-style:none;display:grid}.choice-list a{align-items:center;gap:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(155%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4);color:var(--color-text);transition:transform .18s var(--ease-calm), box-shadow .18s var(--ease-calm), border-color .18s var(--ease-calm);text-decoration:none;display:flex;position:relative}.choice-list a:after{content:"›";right:var(--space-4);color:var(--color-muted-soft);font-size:1.6rem;line-height:1;position:absolute;top:50%;transform:translateY(-54%)}.choice-list a:hover{box-shadow:var(--shadow-raised);border-color:#3b639166;transform:translateY(-2px)}.choice-list .choice-body{min-width:0}.choice-list .choice-title{font-size:var(--text-lg);color:var(--color-text);font-weight:700;display:block}.choice-list .choice-hint,.choice-hint{color:var(--color-muted);font-size:var(--text-sm)}.icon-tile{border:1px solid var(--glass-border);background:linear-gradient(145deg,#ffffffe6,#c7d7e980);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:inline-flex;box-shadow:inset 0 1px #fffc}.meta-row{gap:var(--space-2) var(--space-4);color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.badge{padding:.1rem var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-muted);background:#ffffffbf;display:inline-block}.badge--draft{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.alert{border-left:5px solid var(--color-alert-border);background:var(--color-alert-bg);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4)}.alert h2,.alert h3{margin-bottom:var(--space-2)}.alert :last-child{margin-bottom:0}.notice{border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#edf2f8cc}.back-link{align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-5);border:1px solid var(--glass-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px)saturate(155%);box-shadow:var(--shadow-card);transition:border-color .16s var(--ease-calm), box-shadow .16s var(--ease-calm);background:#ffffffbf;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{box-shadow:var(--shadow-raised);border-color:#3b639180}details.section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(155%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:var(--radius);margin-bottom:var(--space-3);box-shadow:var(--shadow-card)}details.section>summary{cursor:pointer;font-weight:700;font-size:var(--text-lg);padding:var(--space-4) var(--space-5);min-height:var(--tap-target);border-radius:var(--radius);list-style-position:inside}details.section[open]>summary{border-bottom:1px solid var(--glass-border);border-radius:var(--radius) var(--radius) 0 0}details.section>.section-body{padding:var(--space-4) var(--space-5)}.kv{margin:0 0 var(--space-4)}.kv dt{margin-top:var(--space-3);font-weight:700}.kv dd{margin:0}.outline{margin:0;padding:0;list-style:none}.outline li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:4.25rem 1fr;display:grid}.outline li:last-child{border-bottom:none}.outline .outline-minutes{color:var(--color-primary);white-space:nowrap;font-weight:700}.outline .outline-label{font-weight:700;display:block}.outline .outline-refs{color:var(--color-muted);font-size:var(--text-sm);margin:var(--space-1) 0 0}.segmented{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.segmented .button{flex:9rem}.segmented .button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.segmented .button[aria-pressed=false]{border-color:var(--color-border-strong);color:var(--color-primary);background:#fffc}.segmented .button[aria-pressed=false]:hover{border-color:var(--color-primary)}.stepper-progress{gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none;display:flex}.stepper-progress li{text-align:center;padding:var(--space-2) var(--space-1);border-radius:var(--radius-pill);border:1px solid var(--glass-border);font-size:var(--text-sm);color:var(--color-muted);background:#ffffffb3;flex:1;font-weight:600}.stepper-progress li[aria-current=step]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-card)}.stepper-progress li.is-done{border-color:var(--color-ok);background:var(--color-ok-bg);color:var(--color-ok)}.stepper-progress li.is-done:before{content:"✓"}.stepper-nav{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);display:flex}.option-list{margin:0 0 var(--space-4);gap:var(--space-2);padding:0;list-style:none;display:grid}.option-list button,.option-button{text-align:left;width:100%;min-height:var(--tap-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .14s var(--ease-calm);background:#ffffffd9}.option-list button:hover{border-color:var(--color-primary)}.option-list button[aria-pressed=true]{border:2px solid var(--color-primary);font-weight:700}.feedback{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--color-border);background:var(--color-info-bg)}.feedback--correct{border-color:var(--color-ok);background:var(--color-ok-bg)}.feedback--correct .feedback-verdict{color:var(--color-ok);font-weight:700}.feedback--retry{border-color:var(--color-accent);background:var(--color-alert-bg)}.feedback--retry .feedback-verdict{color:var(--color-accent);font-weight:700}.sequence-item{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:#ffffffd9;display:flex}.sequence-item .sequence-text{flex:1}.sequence-item button{min-height:var(--tap-target);min-width:var(--tap-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);background:#ffffffe6}.sequence-item button:hover:not(:disabled){border-color:var(--color-primary)}.match-row{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:grid}.match-row:last-of-type{border-bottom:none}.match-row label{font-weight:600}.match-row select{font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#ffffffe6;width:100%}textarea.self-check{font:inherit;width:100%;min-height:5.5rem;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#ffffffe6}.search-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.search-row input[type=search]{font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#ffffffd9;flex:2 14rem}.search-row select{font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#ffffffd9;flex:9rem}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack-sm>*+*{margin-top:var(--space-2)}.actions{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}@media (width<=640px){.site-header{position:static}.site-header__inner{align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column}.site-header__brand{justify-content:center}.site-nav{width:100%}.site-nav a{background:#ffffff8c;flex:1;justify-content:center}.site-nav a[aria-current=true],.site-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-contrast)}main{padding:var(--space-5) var(--space-3) var(--space-6)}.card{padding:var(--space-4)}details.section>summary,details.section>.section-body{padding:var(--space-3) var(--space-4)}.choice-list a{padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3)}.hero{padding:var(--space-4) 0 var(--space-4)}.stepper-nav .button{flex:1}.actions .button{width:100%}.site-footer__inner{text-align:center;gap:var(--space-1);padding:var(--space-4);flex-direction:column}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.no-print,body:before{display:none!important}}