:root{color-scheme:light dark;--fg:#1b1d21;--bg:#fff;--muted:#5b616b;--line:#d9dce1;--code:#f3f4f6}
@media (prefers-color-scheme:dark){:root{--fg:#e7e9ec;--bg:#14161a;--muted:#a1a7b0;--line:#30343b;--code:#1e2127}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
header,main,footer{max-width:52rem;margin:0 auto;padding:0 16px}
header ul{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0;margin:0;border-bottom:1px solid var(--line)}
a{color:inherit}a[aria-current]{font-weight:600}
pre,code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--code)}
pre{padding:.75rem;overflow-x:auto}table{border-collapse:collapse;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:.35rem .6rem;text-align:left;vertical-align:top}
main img{max-width:100%;height:auto;border:1px solid var(--line)}
footer{color:var(--muted);border-top:1px solid var(--line);margin-top:2rem;padding:1rem 16px}