:root{--bg: #f7fbff;--surface: #ffffff;--ink: #10233f;--muted: #5d7188;--line: #d5e4f2;--accent: #2d83d4;--accent-strong: #123d73;--warm: #f2bf4a;--danger: #2b75bb;--soft: #edf6ff;--radius: 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{margin:0;line-height:1.75}a{color:var(--accent-strong);text-decoration-thickness:.08em;text-underline-offset:.18em}img{display:block;max-width:100%}.site-header{align-items:center;background:#f7fbfff5;border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:minmax(240px,auto) 1fr auto;min-height:72px;padding:14px clamp(16px,4vw,48px);position:sticky;top:0;z-index:10}.brand{align-items:center;color:var(--ink);display:inline-flex;gap:12px;min-width:220px;text-decoration:none}.brand__mark{align-items:center;background:linear-gradient(135deg,#174f8f,#2d83d4);border-radius:var(--radius);box-shadow:0 8px 18px #2d83d433;color:#fff;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:52px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.site-header__tagline{color:var(--muted);font-size:.92rem;font-weight:700;justify-self:center;margin:0}.site-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-nav a,.button,.ghost-button{align-items:center;border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;font-weight:700;min-height:40px;padding:8px 14px;text-decoration:none}button.button,button.ghost-button{cursor:pointer;font:inherit}.site-nav a{background:var(--surface);color:var(--accent-strong);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.site-nav a:hover,.ghost-button:hover{border-color:var(--accent);box-shadow:0 8px 18px #17201d14;transform:translateY(-1px)}.button{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.ghost-button{background:var(--surface);color:var(--accent-strong)}main{min-height:calc(100vh - 210px)}.section{padding:clamp(36px,6vw,72px) clamp(16px,4vw,48px)}.hero-section{padding-block:clamp(8px,1.5vw,18px) clamp(10px,1.8vw,22px)}.section--tint{background:linear-gradient(180deg,#edf6ffeb,#f5fafffa);border-block:1px solid var(--line)}.stats-section{padding-block:clamp(18px,3vw,34px)}.container{margin:0 auto;max-width:1120px}.hero{align-items:center;display:grid;gap:clamp(24px,3.4vw,48px);grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);margin-left:0;max-width:none;padding-block:clamp(8px,1.4vw,22px)}.hero h1{font-size:clamp(2.15rem,2.45vw,3rem);line-height:1.08;margin:0 0 18px}.page-title h1{font-size:clamp(2.65rem,3.15vw,3.8rem);line-height:1.08;margin:0 0 18px}.hero__copy{max-width:760px}.hero__subtitle{color:var(--accent-strong);font-size:clamp(1.05rem,1.45vw,1.35rem);font-weight:800;line-height:1.35;margin:0 0 18px}.hero__title-line{display:block}.hero__title-line:first-child{white-space:nowrap}.hero p,.page-title p{color:var(--muted);font-size:1.08rem;max-width:66ch}.hero__image{margin:0}.hero__image img{aspect-ratio:1672 / 941;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px #144d8224;height:auto;object-fit:cover;transition:box-shadow .2s ease,transform .2s ease;width:100%}.hero__image img:hover{box-shadow:0 22px 48px #144d822e;transform:translateY(-2px)}.eyebrow{color:var(--danger);font-size:.82rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.grid{display:grid;gap:16px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:16px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.search-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;min-height:44px;min-width:min(100%,320px);padding:8px 12px}.question-card,.link-panel,.stat,.practice-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.link-panel{color:var(--ink);display:grid;gap:12px;text-decoration:none}.question-card{display:grid;gap:10px}.question-card h3,.link-panel h2,.link-panel h3,.practice-panel h2{font-size:1.1rem;line-height:1.45;margin:0}.question-card p,.link-panel p,.practice-panel p{color:var(--muted);margin:0}.question-card__meta,.question-card__answer,.crumbs,.tag-row{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px}.question-card__answer{color:var(--accent-strong);font-weight:800}.tag-row a,.tag-row span{background:var(--soft);border:1px solid var(--line);border-radius:999px;color:var(--accent-strong);padding:2px 10px;text-decoration:none}.stat strong{display:block;font-size:2rem;line-height:1}.stat span{color:var(--muted)}.stat--link{color:var(--ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.stat--link:hover{border-color:var(--accent);box-shadow:0 10px 22px #17201d14;transform:translateY(-1px)}.stat--link:focus-visible{outline:3px solid rgba(18,82,70,.22);outline-offset:3px}@keyframes enter-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hero__copy,.hero__image,.stats-section .stat{animation:enter-up .55s ease both}.hero__image{animation-delay:.08s}.stats-section .stat:nth-child(1){animation-delay:.12s}.stats-section .stat:nth-child(2){animation-delay:.18s}.stats-section .stat:nth-child(3){animation-delay:.24s}.stats-section .stat:nth-child(4){animation-delay:.3s}}.page-title{padding-bottom:22px}.figure-notice{background:#fff8e7;border:1px solid #ead7a0;border-left:4px solid var(--warm);border-radius:var(--radius);margin-bottom:18px;padding:14px 16px}.figure-notice strong{display:block;margin-bottom:4px}.figure-notice p{color:var(--muted);margin:0}.question-figure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 24px;padding:clamp(14px,3vw,22px)}.question-figure img{display:block;height:auto;margin:0 auto;max-height:min(82vh,920px);max-width:100%;object-fit:contain}.question-figure figcaption{color:var(--muted);font-size:.85rem;margin-top:12px;text-align:center}.explanation-figures{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);margin:0 0 24px;padding:clamp(18px,3vw,28px)}.explanation-figures h2{font-size:1.35rem;line-height:1.35;margin:0 0 16px}.explanation-figure{margin:0}.prose .explanation-figure{margin:1.25rem 0 1.6rem}.explanation-figure+.explanation-figure{margin-top:18px}.explanation-figure img{border:1px solid var(--line);border-radius:var(--radius);height:auto;margin:0 auto;max-height:min(82vh,920px);object-fit:contain}.explanation-figure figcaption{color:var(--muted);font-size:.85rem;margin-top:10px;text-align:center}.crumbs{margin-bottom:16px}.prose{background:var(--surface);border-top:4px solid var(--accent);padding:clamp(22px,4vw,42px)}.prose h2{border-bottom:1px solid var(--line);margin-top:2rem;padding-bottom:.35rem}.prose h2:first-child{margin-top:0}.prose pre{background:#17201d;border-radius:var(--radius);color:#fff7ed;overflow-x:auto;padding:18px;white-space:pre-wrap}.prose code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.practice-panel{display:grid;gap:14px;max-width:760px}.practice-panel__answer{background:var(--soft);border-left:4px solid var(--accent);color:var(--accent-strong);font-weight:800;padding:12px 14px}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:18px}.pager{display:flex;gap:12px;justify-content:space-between;margin-top:22px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px clamp(16px,4vw,48px)}.site-footer p{margin:0 auto 8px;max-width:1120px}[hidden]{display:none!important}@media(max-width:820px){.site-header{align-items:stretch;display:grid;grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero__title-line:first-child{white-space:normal}.site-nav{justify-content:flex-start}.site-header__tagline{justify-self:start}.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}.hero h1,.page-title h1{font-size:2.2rem}}