:root{--bg:#eef1ec;--surface:#fff;--fg:#172019;--muted:#566258;--line:#cad3c7;--accent:#c4470f;--chrome:#1d2a20;--chrome-fg:#eef3ea;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f1410;--surface:#172019;--fg:#e6ece3;--muted:#9caa9d;--line:#2d3a2f;--accent:#ff7a3d;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
.bar{background:var(--chrome);color:var(--chrome-fg);padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 1.35rem/1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.02em}
.brand img{width:34px;height:34px;border-radius:8px}
.doc{max-width:44rem;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
.eyebrow{font:600 .85rem/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 6px}
h1{font:700 2.6rem/1.05 "Barlow Condensed","Arial Narrow",sans-serif;margin:0;text-wrap:balance}
h2{font:700 1.45rem/1.2 "Barlow Condensed","Arial Narrow",sans-serif;margin:32px 0 6px;letter-spacing:.01em}
.meta{color:var(--muted);margin:6px 0 22px}
dl{margin:0}dt{font-weight:700;margin-top:12px}dd{margin:2px 0 0}
ul{padding-left:1.2em}li{margin:4px 0}
.foot{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 24px)}
.foot a{text-decoration:none;font-weight:700}