:root { color-scheme: light; --canvas:#f3f6f4; --surface:#fff; --ink:#171b19; --muted:#65706a; --line:#dce3df; --green:#148a5a; --dark:#151917; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--canvas); font-size:14px; line-height:1.65; }
a { color:inherit; }
header { height:68px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.92); padding:0 max(22px,calc((100vw - 1080px)/2)); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:5; }
header > a:first-child { display:flex; align-items:center; gap:9px; text-decoration:none; }
header img { border:1px solid var(--line); border-radius:7px; }
header strong, header small { display:block; letter-spacing:0; }
header strong { font-size:14px; }
header small { color:var(--muted); font-size:9px; }
header > a:last-child { color:var(--green); font-size:11px; }
main { max-width:1080px; margin:0 auto; padding:64px 22px 90px; display:grid; grid-template-columns:190px minmax(0,720px); gap:76px; }
aside { position:sticky; top:100px; align-self:start; }
aside > span, aside > strong { display:block; }
aside > span { color:var(--muted); font-size:9px; text-transform:uppercase; }
aside > strong { margin:3px 0 22px; font-size:12px; }
nav { display:grid; border-top:1px solid var(--line); }
nav a { padding:8px 0; border-bottom:1px solid var(--line); color:var(--muted); text-decoration:none; font-size:10px; }
nav a:hover { color:var(--green); }
.eyebrow { color:var(--green); text-transform:uppercase; font-size:10px; font-weight:750; }
h1 { margin:8px 0 14px; font-size:44px; line-height:1.05; letter-spacing:0; }
.lead { margin:0 0 22px; color:var(--muted); font-size:15px; line-height:1.7; }
.legal-warning { padding:13px 15px; border:1px solid #e4d39f; background:#fff9e8; display:flex; gap:8px; margin-bottom:40px; font-size:10px; }
.legal-warning span { color:#695a32; }
section { padding:26px 0; border-top:1px solid var(--line); scroll-margin-top:88px; }
h2 { margin:0 0 11px; font-size:17px; letter-spacing:0; }
p { margin:0 0 11px; color:#4e5853; }
code { padding:2px 5px; background:#e7ece9; border-radius:3px; font-family:"SFMono-Regular",Consolas,monospace; font-size:12px; }
footer { min-height:58px; border-top:1px solid var(--line); padding:0 max(22px,calc((100vw - 1080px)/2)); display:flex; align-items:center; gap:18px; color:var(--muted); font-size:9px; }
footer span { margin-right:auto; }
@media(max-width:760px){ main{grid-template-columns:1fr;padding-top:38px} aside{display:none} h1{font-size:36px}.legal-warning{display:grid} }