:root{--bg: #f7f8fa;--surface: #ffffff;--surface-alt: #f1f4f8;--ink: #17212e;--text: #2b3646;--text-muted: #5f6d80;--border: #dde3ec;--border-strong: #c7d1de;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #e3ecfd;--warn: #b45309;--warn-soft: #fdf3e3;--danger: #dc2626;--danger-soft: #fdecec;--ok: #0f8f6c;--ok-soft: #e3f5ef;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(23, 33, 46, .05);--shadow: 0 6px 24px rgba(23, 33, 46, .07);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--page-max: 1080px;--prose-max: 44rem;--gutter: 24px;--topbar-height: 60px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg,canvas{max-width:100%}a{color:var(--accent-strong)}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);padding:12px 16px;border-radius:var(--radius-sm);z-index:20}.skip-link:focus{left:12px;top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.topbar{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter);min-height:var(--topbar-height);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.01em;margin-right:auto}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.brand-name{font-size:1.05rem}.nav-toggle{display:none;width:auto;padding:8px 14px;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;cursor:pointer}.site-nav{display:flex;align-items:center;gap:4px}.nav-link{display:inline-block;padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--text-muted);font-size:.94rem;font-weight:600}.nav-link:hover{color:var(--ink);background:var(--surface-alt)}.nav-link-on{color:var(--accent-strong);background:var(--accent-soft)}.main{flex:1 0 auto;width:100%}.view{max-width:var(--page-max);margin:0 auto;padding:40px var(--gutter) 72px}.view-article{max-width:calc(var(--prose-max) + var(--gutter) * 2)}.footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:var(--page-max);margin:0 auto;padding:28px var(--gutter);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:baseline;justify-content:space-between;color:var(--text-muted);font-size:.87rem}.footer-inner p{margin:0;max-width:48rem}.footer-nav{display:flex;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;padding:11px 22px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}.btn-secondary:hover{background:var(--surface-alt)}.hero{padding:24px 0 8px;max-width:46rem}.hero-eyebrow{margin:0 0 12px;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)}.hero-title{margin:0 0 16px;font-size:clamp(2rem,4.2vw,2.9rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}.hero-lead{margin:0 0 28px;font-size:1.12rem;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin:36px 0 0;padding:20px 0 0;border-top:1px solid var(--border)}.hero-stats div{min-width:100px}.hero-stats dt{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stats dd{margin:2px 0 0;font-size:1.5rem;font-weight:700;color:var(--ink)}.home-block{margin-top:56px}.block-title{margin:0 0 18px;font-size:1.2rem;letter-spacing:-.01em;color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.section-card{display:flex;gap:14px;padding:20px;min-height:148px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.section-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.section-card-icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.section-card-body{display:flex;flex-direction:column;gap:6px}.section-card-title{font-size:1.02rem;font-weight:700;color:var(--ink)}.section-card-blurb{font-size:.92rem;color:var(--text-muted)}.section-card-count{margin-top:auto;font-size:.82rem;font-weight:600;color:var(--accent-strong)}.starter-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.starter-list a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit}.starter-list a:hover{border-color:var(--accent)}.starter-title{font-weight:650;color:var(--ink)}.starter-blurb{font-size:.9rem;color:var(--text-muted)}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.87rem;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.page-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:32px}.page-head-plain{display:block}.page-head-icon{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong)}.page-title{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;letter-spacing:-.02em;color:var(--ink)}.page-lead{margin:0;max-width:var(--prose-max);color:var(--text-muted);font-size:1.03rem}.empty-state{padding:32px 0}.empty-state .starter-list{margin-top:24px}.topic-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:topic}.topic-list a{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit}.topic-list a:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.topic-index{flex:0 0 auto;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--border-strong);padding-top:2px}.topic-body{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.topic-title{font-weight:650;color:var(--ink)}.topic-blurb{font-size:.9rem;color:var(--text-muted)}.topic-time{flex:0 0 auto;font-size:.82rem;color:var(--text-muted);white-space:nowrap;padding-top:2px}.section-quiz-cta{margin-top:32px;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--accent-soft);border-radius:var(--radius)}.section-quiz-cta p{margin:0;max-width:38rem;color:var(--ink)}.article-head{margin-bottom:32px}.article-title{margin:0 0 12px;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1.18;letter-spacing:-.02em;color:var(--ink)}.article-blurb{margin:0 0 10px;font-size:1.1rem;color:var(--text-muted)}.article-meta{margin:0;font-size:.85rem;color:var(--text-muted)}.prose{max-width:var(--prose-max);font-size:1.06rem;line-height:1.7}.prose-para{margin:0 0 20px}.prose-heading{margin:40px 0 14px;font-size:1.25rem;letter-spacing:-.01em;color:var(--ink)}.prose-list,.prose-steps{margin:0 0 22px;padding-left:0;list-style:none;display:grid;gap:12px}.prose-list li{position:relative;padding-left:26px}.prose-list li:before{content:"";position:absolute;left:6px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--accent)}.prose-steps{counter-reset:step}.prose-steps li{position:relative;padding-left:40px;counter-increment:step}.prose-steps li:before{content:counter(step);position:absolute;left:0;top:.1em;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;font-weight:700}.callout{margin:26px 0;padding:18px 20px;border-radius:var(--radius);border-left:4px solid var(--accent);background:var(--accent-soft)}.callout-note{border-left-color:var(--accent);background:var(--accent-soft)}.callout-tip{border-left-color:var(--ok);background:var(--ok-soft)}.callout-warning{border-left-color:var(--danger);background:var(--danger-soft)}.callout-kind{margin:0 0 4px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.callout-title{margin:0 0 6px;font-weight:700;color:var(--ink)}.callout-text{margin:0;font-size:.98rem}.diagram{margin:30px 0}.diagram-frame{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.diagram-svg{display:block;width:100%;height:auto}.diagram-mono{font-family:var(--font-mono)}.diagram figcaption{margin-top:10px;font-size:.87rem;color:var(--text-muted)}.table-scroll{margin:26px 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.prose-table{width:100%;min-width:30rem;border-collapse:collapse;font-size:.95rem}.prose-table th,.prose-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.prose-table thead th{background:var(--surface-alt);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.prose-table tbody th{font-weight:650;color:var(--ink)}.prose-table tbody tr:last-child th,.prose-table tbody tr:last-child td{border-bottom:none}.article-terms{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}.term-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.term-chips a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.88rem;text-decoration:none;color:var(--ink)}.term-chips a:hover{border-color:var(--accent);color:var(--accent-strong)}.article-next{margin-top:40px}.next-card{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit}.next-card:hover{border-color:var(--accent)}.next-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.next-title{font-size:1.08rem;font-weight:650;color:var(--ink)}.quiz-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.chip{width:auto;padding:9px 16px;min-height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.quiz-card,.quiz-result{max-width:46rem;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quiz-progress{display:flex;align-items:center;gap:16px;font-size:.85rem;color:var(--text-muted);margin-bottom:18px}.quiz-progress-bar{flex:1 1 auto;height:6px;border-radius:3px;background:var(--surface-alt);overflow:hidden}.quiz-progress-bar>span{display:block;height:100%;background:var(--accent);transition:width .25s ease}.quiz-question{margin:0 0 22px;font-size:1.3rem;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}.quiz-options{list-style:none;margin:0;padding:0;display:grid;gap:10px}.quiz-option{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:42rem;min-height:52px;padding:14px 18px;text-align:left;font:inherit;font-size:.98rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.quiz-option:disabled{cursor:default}.opt-marker{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-alt);color:var(--text-muted);font-size:.78rem;font-weight:700}.opt-correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ink)}.opt-correct .opt-marker{background:var(--ok);color:#fff}.opt-wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--ink)}.opt-wrong .opt-marker{background:var(--danger);color:#fff}.opt-dim{opacity:.55}.quiz-explain{margin-top:22px;padding:18px 20px;border-radius:var(--radius);border-left:4px solid var(--ok);background:var(--ok-soft)}.explain-wrong{border-left-color:var(--warn);background:var(--warn-soft)}.explain-verdict{margin:0 0 6px;font-weight:700;color:var(--ink)}.explain-text{margin:0 0 18px;font-size:.98rem}.result-score{margin:0;font-size:3rem;font-weight:700;line-height:1;color:var(--ink)}.result-score span{font-size:1.4rem;color:var(--text-muted)}.result-verdict{margin:10px 0 24px;font-size:1.05rem;color:var(--text-muted)}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.review-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.review-list li{padding:18px 20px;border-radius:var(--radius);border:1px solid var(--border);border-left-width:4px;background:var(--surface)}.review-right{border-left-color:var(--ok)}.review-wrong{border-left-color:var(--danger)}.review-question{margin:0 0 8px;font-weight:650;color:var(--ink)}.review-yours{margin:0 0 4px;font-size:.92rem;color:var(--danger)}.review-answer{margin:0 0 8px;font-size:.92rem;color:var(--ok);font-weight:600}.review-explain{margin:0 0 10px;font-size:.94rem;color:var(--text-muted)}.review-link{font-size:.88rem;font-weight:600}.az-index{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.az-key{width:auto;min-width:40px;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.az-key:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.az-key:disabled{color:var(--border-strong);background:var(--surface-alt);cursor:default}.az-on{background:var(--accent);border-color:var(--accent);color:#fff}.glossary-group{margin-bottom:40px}.glossary-letter{margin:0 0 14px;font-size:.95rem;font-weight:700;letter-spacing:.1em;color:var(--accent-strong)}.glossary-list{margin:0;display:grid;gap:12px}.glossary-entry{padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.glossary-hit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.glossary-entry dt{font-size:1.05rem;font-weight:700;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.glossary-aka{font-size:.85rem;font-weight:500;color:var(--text-muted)}.glossary-entry dd{margin:8px 0 0}.glossary-entry dd p{margin:0;max-width:var(--prose-max)}.glossary-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px!important;font-size:.88rem;font-weight:600}.app-entry{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-entry-main{flex:1 1 260px}.app-version{margin:0 0 18px;font-weight:650;color:var(--ink)}.app-meta{display:block;margin-top:2px;font-size:.87rem;font-weight:400;color:var(--text-muted)}.app-hint{margin:16px 0 0;font-size:.9rem;color:var(--text-muted)}.app-entry-qr{flex:0 0 auto;text-align:center}.app-entry-qr canvas{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:8px;background:#fff}.app-qr-fallback{margin:10px auto 0;max-width:200px;font-size:.84rem;color:var(--text-muted)}.app-notes{margin-top:40px;max-width:var(--prose-max)}@media (max-width: 720px){:root{--gutter: 18px}.nav-toggle{display:inline-block}.site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:8px 0 14px}.site-nav-open{display:flex}.nav-link{padding:12px 14px;border-radius:var(--radius-sm)}.view{padding-top:28px}.hero-actions .btn,.result-actions .btn,.section-quiz-cta .btn{width:100%;max-width:24rem}.quiz-card,.quiz-result{padding:22px 18px}.topic-list a{gap:12px;padding:16px}.app-entry{padding:22px 18px}}.topbar-inner{padding-top:env(safe-area-inset-top);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.view,.footer-inner{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.footer-inner{padding-bottom:calc(28px + env(safe-area-inset-bottom))}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}