:root{color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#626262;--line:#ddd;--accent:#dc2626}
@media(prefers-color-scheme:dark){:root{--bg:#181818;--fg:#fff;--muted:#aaa;--line:#444;--accent:#f87171}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.7}
main{max-width:768px;margin:0 auto;padding:48px 24px}nav{margin-bottom:36px;font-size:.9rem}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2;margin:0 0 20px;overflow-wrap:anywhere}h2{font-size:1.1rem;line-height:1.4;margin:32px 0 12px}p{margin:0 0 18px}ul{padding-left:24px}.muted{color:var(--muted)}.intro{font-size:1.05rem}.links{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:.85rem;color:var(--muted)}
@media(max-width:480px){main{padding:28px 20px}}