:root { color-scheme:dark; font-family:ui-monospace,Consolas,monospace; background:#0a0b0b; color:#e9e3d7; font-size:15px; line-height:1.8; }
body { margin:0; } main { max-width:720px; margin:0 auto; padding:48px 24px 80px; } nav { display:flex; flex-wrap:wrap; gap:12px 24px; border-bottom:1px solid #393a38; padding-bottom:24px; font-size:13px; } nav a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; } h1 { font-size:clamp(26px,6vw,42px); line-height:1.2; margin:48px 0 32px; font-weight:400; } p { margin:24px 0; } a { color:inherit; text-underline-offset:4px; } a:hover { color:#ff5c50; } a:focus-visible { outline:2px dashed #ff5c50; outline-offset:5px; }