:root{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #eaeef3;--ink: #16212c;--muted: #5a6978;--line: #d6dde6;--brass: #a35208;--brass-soft: #fbe9d3;--on-brass: #ffffff;--bad: #b52f2f;--bad-soft: #fbe3e3;--good: #0f7a55;--good-soft: #d9f3e8;--info: #2a5fd0;--info-soft: #dde7fb;--warn: #946000;--warn-soft: #fff0c7;--stage: var(--surface);--grid: rgba(22, 33, 44, .035);--code-bg: #0f1720;--code-fg: #dbe4ee;--code-muted: #7d8b9a;--shadow: 0 1px 2px rgba(20, 30, 45, .06), 0 8px 24px -12px rgba(20, 30, 45, .18);--font-head: "Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--measure: 68ch;--radius: 10px;--container: 1080px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f151c;--surface: #161e27;--surface-2: #1e2834;--ink: #e4ebf2;--muted: #93a2b2;--line: #2a3644;--brass: #f1b14b;--brass-soft: #3a2a12;--on-brass: #1a1304;--bad: #ff7a7a;--bad-soft: #3d1c1c;--good: #4bd59a;--good-soft: #143526;--info: #7fa7ff;--info-soft: #1b2a4a;--warn: #f3c45c;--warn-soft: #3a2f10;--grid: rgba(255, 255, 255, .03);--code-bg: #0a0f15;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f151c;--surface: #161e27;--surface-2: #1e2834;--ink: #e4ebf2;--muted: #93a2b2;--line: #2a3644;--brass: #f1b14b;--brass-soft: #3a2a12;--on-brass: #1a1304;--bad: #ff7a7a;--bad-soft: #3d1c1c;--good: #4bd59a;--good-soft: #143526;--info: #7fa7ff;--info-soft: #1b2a4a;--warn: #f3c45c;--warn-soft: #3a2f10;--grid: rgba(255, 255, 255, .03);--code-bg: #0a0f15;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:72px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font-body);padding-inline:max(16px,env(safe-area-inset-left,0px))}img,svg{max-width:100%}h1,h2,h3,h4{font-family:var(--font-head);text-wrap:balance;line-height:1.15;margin:0;letter-spacing:-.01em}h1{font-size:clamp(2rem,1.3rem + 2.6vw,3rem);font-weight:700}h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,1.9rem);font-weight:600;margin-top:3.25rem}h3{font-size:1.15rem;font-weight:600}p,ul,ol{margin:.9rem 0}li{margin:.3rem 0}a{color:var(--info);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--brass)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}code,kbd,pre{font-family:var(--font-mono)}code{font-size:.88em;background:var(--surface-2);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}pre{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius);padding:1rem 1.2rem;overflow-x:auto;font-size:.86rem;line-height:1.55;margin:0 0 1rem}pre code{background:none;padding:0;font-size:inherit;overflow-wrap:normal}.container{width:100%;max-width:var(--container);margin-inline:auto}.lede{font-size:1.2rem;color:var(--muted);max-width:var(--measure)}.muted{color:var(--muted)}.eyebrow{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.2em .7em;color:var(--muted)}.pill b{color:var(--ink);font-weight:600}.pill--bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.pill--good{background:var(--good-soft);color:var(--good);border-color:transparent}.pill--info{background:var(--info-soft);color:var(--info);border-color:transparent}.pill--accent{background:var(--brass-soft);color:var(--brass);border-color:transparent}.btn{font:inherit;font-size:.85rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.35em .9em;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;text-decoration:none}.btn:hover{border-color:var(--brass);color:var(--brass)}.btn--primary{background:var(--brass);border-color:var(--brass);color:var(--on-brass);font-weight:600;padding:.55em 1.2em;font-size:.95rem}.btn--primary:hover{color:var(--on-brass);filter:brightness(1.08)}.btn--big{padding:.55em 1.2em;font-size:.95rem}.btn--icon{width:34px;height:34px;padding:0;justify-content:center}.callout{border:1px solid var(--line);border-left-width:4px;border-radius:var(--radius);padding:1rem 1.2rem;background:var(--surface);margin:1.4rem 0;--c: var(--info);border-left-color:var(--c)}.callout .label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:.3rem}.callout>:last-child{margin-bottom:0}.callout--breach{--c: var(--bad)}.callout--why{--c: var(--warn)}.callout--fix{--c: var(--good)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}