:root{--indigo:#1f1b5c;--cobalt:#2f5bea;--bg:#faf8f4;--ink:#1c1b2e;--muted:#5d5b73;--line:#e6e2d9}
@media (prefers-color-scheme:dark){:root{--bg:#12112a;--ink:#f1effa;--muted:#a9a7c4;--line:#2b2a4d;--cobalt:#7d9bff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:48px 0 24px;display:flex;align-items:center;gap:16px}
header img{width:64px;height:64px;border-radius:15px}
header h1{margin:0;font-size:1.6rem}
header p{margin:0;color:var(--muted)}
nav{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
nav a{color:var(--cobalt);text-decoration:none;font-weight:600}
h2{margin:2.2em 0 .4em;font-size:1.25rem}
a{color:var(--cobalt)}
details{border-bottom:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:600}
footer{margin:56px 0 40px;color:var(--muted);font-size:.9rem}