:root{--bg:#F2F6F7;--card:#FFFFFF;--ink:#14262E;--muted:#4A6068;--line:#CFDCE0;--accent:#0F4C5C;--brass:#B8861B;--mint:#DCEBE6;--head:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--body:"Source Serif 4",Georgia,serif;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--bg:#0E1A1F;--card:#15262D;--ink:#E6EEF0;--muted:#9FB4BB;--line:#25404A;--accent:#E0B04A;--brass:#E0B04A;--mint:#1B3A38;color-scheme:dark}}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.125rem/1.7 var(--body)}
h1,h2,h3{font-family:var(--head);line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:1.5rem 0 .4em}
h2{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;margin:2.4em 0 .6em;padding-top:1.2em;border-top:1px solid var(--line)}
h3{font-size:1.2rem;font-weight:600;margin:1.6em 0 .5em}
p,ul,ol,blockquote{max-width:66ch}
p{margin:0 0 1em}
li{margin-bottom:.4em}
a{color:var(--accent)}
a:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
code{font:500 .92em ui-monospace,Menlo,Consolas,monospace;background:var(--mint);padding:.1em .35em;border-radius:5px;overflow-wrap:anywhere}
blockquote{margin:1.2em 0;padding:.9rem 1.2rem;background:var(--card);border-left:6px solid var(--brass);border-radius:0 12px 12px 0}
blockquote p{margin:0}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.25rem}
.doc{padding-bottom:3rem}
header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:1.25rem;padding-bottom:1.25rem;gap:.75rem 1.5rem}
.brand{font:800 1.15rem var(--head);display:flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none}
.brand svg{width:26px;height:26px;color:var(--brass)}
nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font:600 .95rem var(--head)}
footer{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-size:.95rem}
footer p{margin:0 0 .3em}
nav a[aria-current="page"]{color:var(--accent);text-decoration-color:var(--brass);text-decoration-thickness:2px}