:root{--bg:#fbfbfa;--fg:#17181a;--muted:#5d6168;--line:#e4e4e1;--accent:#1f78ff}
@media (prefers-color-scheme:dark){:root{--bg:#121315;--fg:#ececea;--muted:#a1a5ab;--line:#2a2c30}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}
body{font:16px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:46rem;margin:0 auto;padding:0 16px}
header{display:flex;align-items:center;gap:.5rem;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
header a{color:inherit;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem}
.env{margin-left:auto;font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.1rem .6rem}
main{padding-top:2rem;padding-bottom:3rem}h1{font-size:1.6rem;line-height:1.25;margin:0 0 .75rem}
p{margin:.5rem 0}.muted{color:var(--muted)}a{color:var(--accent)}
code{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;background:color-mix(in srgb,var(--fg) 7%,transparent);padding:.1rem .3rem;border-radius:4px}
footer{color:var(--muted);font-size:.85rem;padding-bottom:2rem}