:root{--color-paper:oklch(97% .01 245);--color-paper-2:oklch(94.5% .012 245);--color-paper-3:oklch(91% .014 245);--color-paper-glass:oklch(97% .01 245/.92);--color-rule:oklch(84% .012 245);--color-rule-strong:oklch(74% .014 245);--color-neutral:oklch(52% .01 245);--color-muted:oklch(42% .012 245);--color-ink:oklch(21% .012 245);--color-ink-2:oklch(31% .012 245);--color-accent:oklch(55% .16 60);--color-accent-strong:oklch(48% .17 50);--color-accent-fill:oklch(68% .15 65);--color-accent-fill-strong:oklch(63% .15 63);--color-accent-ink:oklch(22% .03 245);--color-focus:oklch(55% .18 60);--color-mark:oklch(90% .09 60/.55);--color-success:oklch(45% .12 150);--color-success-bg:oklch(94% .03 150);--color-success-ink:oklch(38% .1 150);--color-error:oklch(50% .17 25);--color-error-bg:oklch(95% .02 25);--color-error-ink:oklch(42% .14 25);--color-scrim:oklch(21% .012 245/.42);--color-scrim-deep:oklch(21% .012 245/.86);--color-scrim-text:oklch(96% .01 245);--font-display:"Space Grotesk", "Instrument Sans", system-ui, sans-serif;--font-body:"Instrument Sans", "Avenir Next", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;--font-wordmark:"Space Grotesk", "Instrument Sans", system-ui, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.35rem;--text-display:clamp(2.65rem, 4.5vw + .75rem, 5.25rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:4px;--radius-md:8px;--z-base:1;--z-raised:10;--z-sticky:200;--z-sticky-nav:300;--z-sheet:400;--topbar-height:4.25rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--shadow-whisper:0 1px 2px oklch(20% .012 245/.06)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.55}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-style:normal;font-weight:600;line-height:1.08}p{margin:0}.shell{grid-template-columns:15rem minmax(0,1fr);min-height:100dvh;display:grid}@media (width<=60rem){.shell{grid-template-columns:1fr}}main{min-width:0;padding-inline:clamp(1rem,4vw,2.5rem);padding-block:var(--space-lg) var(--space-3xl)}.content{max-width:60rem;margin-inline:auto}@media (width<=40rem){main{padding-block-start:var(--space-md)}}.rail{gap:var(--space-lg);height:100dvh;padding:var(--space-lg) var(--space-md);background:var(--color-paper-2);border-inline-end:1px solid var(--color-rule-strong);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.wordmark{font-family:var(--font-wordmark);font-size:var(--text-lg);letter-spacing:-.04em;color:var(--color-ink);padding-inline:var(--space-sm);font-weight:600;line-height:1.05;text-decoration:none;display:block}.wordmark--compact{font-size:var(--text-base)}.logo{align-items:center;gap:var(--space-xs);display:inline-flex}.logo-text{font-family:var(--font-wordmark);letter-spacing:-.03em;font-weight:600}.wordmark small{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-accent-strong);margin-block-start:var(--space-2xs);font-weight:600;display:block}.nav-group{border-block-start:1px solid var(--color-rule-strong);flex-direction:column;padding-block-start:var(--space-sm);display:flex}.nav-group-label,.kicker,.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);font-weight:600}.nav-group-label{padding-inline:var(--space-sm);padding-block-end:var(--space-xs)}.nav-item,.toc-item{align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-ink-2);font-size:var(--text-sm);text-align:start;transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border-radius:0;display:flex}.nav-item:hover,.toc-item:hover{background:var(--color-paper-3);color:var(--color-ink)}.nav-item:active,.toc-item:active,.chip:active,.option:active,.tab:active,.search-result:active{transform:translateY(1px)}.nav-item[data-active=true],.toc-item[data-active=true]{background:var(--color-paper-3);color:var(--color-ink);box-shadow:inset 3px 0 0 var(--color-accent)}.nav-index,.opt-key{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-neutral);min-width:1.5rem}.nav-item[data-active=true] .nav-index,.toc-item[data-active=true] .nav-index{color:var(--color-accent-strong)}.rail-foot{padding-inline:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin-block-start:auto;line-height:1.5}.rail-foot button{color:inherit;text-underline-offset:2px;font-size:var(--text-xs);padding:var(--space-xs) var(--space-2xs);margin-inline-start:calc(-1 * var(--space-2xs));text-decoration:underline;display:block}.rail-foot button:hover{color:var(--color-ink)}.topbar{z-index:var(--z-sticky-nav);justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-paper-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--color-rule);display:none;position:sticky;top:0}.burger{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink);min-height:2.75rem;padding-inline:var(--space-xs);white-space:nowrap;margin-inline-start:calc(-1 * var(--space-xs));font-weight:600;display:inline-flex}@media (width<=60rem){.rail{z-index:var(--z-sheet);width:min(78vw,16rem);box-shadow:var(--shadow-whisper);transition:transform var(--dur-short) var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-101%)}.rail[data-open=true]{transform:translate(0)}.topbar{display:flex}.timer-bar{top:var(--topbar-height)}.scrim{z-index:calc(var(--z-sheet) - 1);background:var(--color-scrim);position:fixed;inset:0}}.page-head{justify-content:space-between;align-items:end;gap:var(--space-md);border-block-end:1px solid var(--color-rule);flex-wrap:wrap;margin-block-end:var(--space-xl);padding-block-end:var(--space-md);display:flex}.page-title{max-width:16ch;font-size:var(--text-display);letter-spacing:-.045em}.kicker{color:var(--color-accent-strong);margin-block-end:var(--space-xs);display:block}.lede{color:var(--color-muted);max-width:45ch;margin-block-start:var(--space-sm)}.rule{border:0;border-block-start:1px solid var(--color-rule);margin-block:var(--space-lg)}.small{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);margin-block-end:var(--space-sm);font-weight:600;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent-fill);color:var(--color-accent-ink);border:1px solid #0000}.btn-primary:hover{background:var(--color-accent-fill-strong)}.btn-ghost{border:1px solid var(--color-rule-strong);color:var(--color-ink);background:0 0}.btn-ghost:hover{border-color:var(--color-ink);background:var(--color-paper-2)}.btn-plain{padding:var(--space-xs) var(--space-sm);color:var(--color-accent-strong);font-weight:700}.btn-plain:hover{text-underline-offset:3px;text-decoration:underline}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{gap:var(--space-sm);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.panel{background:var(--color-paper);border-block-start:1px solid var(--color-rule-strong)}.panel-pad{padding-block:var(--space-lg)}.grid-2,.grid-4{gap:var(--space-md);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=50rem){.grid-2,.grid-4{grid-template-columns:1fr}}.stat-card{padding:var(--space-md) 0;border-block-start:1px solid var(--color-rule-strong)}.stat-value,.result-score,.timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stat-value{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:600}.stat-label,.chip-sub,.quiz-meta,.tag,.footer-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted);font-weight:600}.chapter-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.chip{align-items:flex-start;gap:var(--space-2xs);min-width:0;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-rule);background:var(--color-paper);text-align:start;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex-direction:column;display:flex}.chip:hover,.chip[data-active=true]{background:var(--color-paper-2);border-color:var(--color-accent)}.chip-title{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.02em;color:var(--color-ink);font-weight:600}.progress-track{background:var(--color-rule);border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%;transition:width var(--dur-short) var(--ease-out);display:block}.quiz-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);border-block-end:1px solid var(--color-rule-strong);flex-wrap:wrap;margin-block-end:var(--space-lg);padding-block-end:var(--space-sm);display:flex}.q-text{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.025em;margin-block-end:var(--space-lg);font-weight:600;line-height:1.25}.option-list{border-block-start:1px solid var(--color-rule-strong);margin:0;padding:0;list-style:none}.option{align-items:baseline;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-xs);text-align:start;border-block-end:1px solid var(--color-rule);font-size:var(--text-base);transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:flex}.option:hover:not(:disabled){background:var(--color-paper-2)}.option:disabled{cursor:default}.option[data-state=selected]{background:var(--color-paper-2);box-shadow:inset 3px 0 0 var(--color-accent)}.option[data-state=selected] .opt-key{color:var(--color-accent-strong)}.option[data-state=correct]{color:var(--color-success-ink);box-shadow:inset 3px 0 0 var(--color-success)}.option[data-state=wrong]{color:var(--color-error-ink);box-shadow:inset 3px 0 0 var(--color-error)}.feedback{align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-block-start:var(--space-md);display:flex}.feedback[data-kind=ok]{background:var(--color-success-bg);color:var(--color-success-ink)}.feedback[data-kind=ko]{background:var(--color-error-bg);color:var(--color-error-ink)}.feedback[data-kind=info]{background:var(--color-paper-3);color:var(--color-ink-2)}.figure-wrap,.reader-figure{margin-block-end:var(--space-lg)}.figure-card,.reader-figure img{padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-2);display:block}.figure-card img,.reader-figure img{max-width:100%;height:auto;margin-inline:auto}.figure-card figcaption,.reader-figure figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin-block-start:var(--space-sm)}.lightbox{z-index:var(--z-sheet);padding:var(--space-lg);background:var(--color-scrim-deep);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox figure{max-width:min(92vw,68rem);max-height:92dvh}.lightbox img{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:84dvh}.lightbox figcaption{color:var(--color-scrim-text);font-size:var(--text-sm);text-align:center;margin-block-start:var(--space-sm)}.timer-bar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-sm);background:var(--color-paper-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--color-rule);margin-block-end:var(--space-lg);display:flex;position:sticky;top:0}.timer{font-size:var(--text-md);color:var(--color-ink);font-weight:600}.timer[data-low=true]{color:var(--color-error)}.exam-progress{width:min(100%,24rem)}.tabs{gap:var(--space-md);border-block-end:1px solid var(--color-rule);margin-block-end:var(--space-lg);display:flex}.tab{padding:var(--space-sm) var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;border-block-end:2px solid #0000;margin-block-end:-1px;font-weight:700}.tab:hover,.tab[data-active=true]{color:var(--color-ink)}.tab[data-active=true]{border-block-end-color:var(--color-accent)}.reader-layout{gap:var(--space-xl);grid-template-columns:15rem minmax(0,1fr);display:grid}@media (width<=55rem){.reader-layout{grid-template-columns:1fr}}.toc-list{flex-direction:column;display:flex}.article{max-width:65ch}.article-title{font-size:var(--text-xl);letter-spacing:-.035em;margin-block-end:var(--space-md)}.article-title .muted{font-family:var(--font-mono);color:var(--color-accent-strong)}.article p,.reader-list{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7}.article p{margin-block-end:var(--space-md)}.reader-list{margin:0 0 var(--space-md);padding-inline-start:var(--space-lg)}.reader-list li{margin-block-end:var(--space-xs)}.article mark{background:var(--color-mark);color:inherit;padding-inline:1px}.search-box{align-items:center;gap:var(--space-sm);margin-block-end:var(--space-lg);display:flex}.search-box input{font:inherit;font-size:var(--text-md);padding:var(--space-xs) 0;border:0;border-block-end:1px solid var(--color-rule-strong);color:var(--color-ink);background:0 0;flex:1}.search-box input:focus{border-block-end-color:var(--color-accent)}.search-result{text-align:start;width:100%;padding:var(--space-sm);border-block-end:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);display:block}.search-result:hover{background:var(--color-paper-2)}.search-result b{color:var(--color-accent-strong)}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm);border-block-start:1px solid var(--color-rule-strong)}.table th,.table td{padding:var(--space-sm);border-block-end:1px solid var(--color-rule);vertical-align:top}.table th{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:start;font-weight:600}.table .num{text-align:end;font-variant-numeric:tabular-nums}@media (width<=40rem){.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{padding-block:var(--space-sm);border-block-end:1px solid var(--color-rule-strong)}.table td{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-2xs) 0;border:0;display:flex}.table td:before{content:attr(data-label);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.table td[data-label=""]:before{content:none}}.muted{color:var(--color-muted)}.tag{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-rule-strong);color:var(--color-muted);display:inline-block}.tag[data-kind=accent]{border-color:var(--color-accent);color:var(--color-accent-strong)}.loading,.result-banner{padding-block:var(--space-3xl);text-align:center}.loading{color:var(--color-muted)}.result-score{font-size:var(--text-display);letter-spacing:-.02em;font-weight:600}.error-box{padding:var(--space-lg);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-bg);color:var(--color-error-ink)}.site-footer{max-width:60rem;margin:var(--space-2xl) auto 0;border-block-start:1px solid var(--color-rule-strong);color:var(--color-muted);font-size:var(--text-sm);gap:var(--space-2xs);flex-direction:column;padding-block-start:var(--space-md);line-height:1.7;display:flex}.site-footer a,.site-footer strong{color:var(--color-ink-2)}.site-footer a{text-underline-offset:2px;text-decoration:underline}.mt-0{margin-block-start:0}.mt-sm{margin-block-start:var(--space-sm)}.mb-sm{margin-block-end:var(--space-sm)}.mb-md{margin-block-end:var(--space-md)}.mb-lg{margin-block-end:var(--space-lg)}.mb-xl{margin-block-end:var(--space-xl)}.mx-auto{margin-inline:auto}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.clip{overflow:hidden}.minw-10{min-width:10rem}.text-md{font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}