:root{--bg:#f7f7f5;--fg:#1b1d22;--soft:#55595f;--card:#ffffff;--line:#d9d9d4;--accent:#1f5fbf}
@media (prefers-color-scheme:dark){:root{--bg:#15171b;--fg:#e9e9e6;--soft:#a3a6ab;--card:#1d2026;--line:#30343b;--accent:#7fb0ff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:40rem;margin:0 auto;padding:2.5rem 1rem 3rem}
h1{font-size:1.7rem;margin:0 0 .5rem}
h2{font-size:1.05rem;margin:2rem 0 .4rem}
.lede,p{color:var(--soft)}
.links{list-style:none;padding:0;margin:1.5rem 0 0}
.links li{margin:0 0 .7rem}
.links a{display:block;padding:.9rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--fg);text-decoration:none}
.links a:hover,.links a:focus-visible{border-color:var(--accent);outline:none}
.links b{display:block;color:var(--accent)}
.links span{display:block;color:var(--soft);font-size:.92rem;margin-top:.15rem}
code{font-family:ui-monospace,monospace;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:0 .3rem}
.fp code{display:inline-block;word-break:break-all;font-size:.85rem;margin-top:.3rem}
details{margin-top:1rem}
summary{cursor:pointer;color:var(--accent)}
details p{font-size:.92rem}