:root{--char:#1D1E20;--line:#3A3D41;--cream:#F1EEE6;--sage:#8FB09B;--muted:#9A9EA2;--wm:'Manrope',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif;--body:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html,body{background:var(--char)}body{margin:0;color:var(--cream);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
header{border-bottom:1px solid var(--line)}header .in{max-width:860px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
.brand{font:600 19px/1 var(--wm);letter-spacing:-.035em;color:var(--cream);text-decoration:none}.brand .ion{color:var(--sage);font-weight:500}
header nav a{color:var(--muted);font-size:14px;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:48px 24px 72px}
.k{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
h1{font:400 clamp(36px,7vw,52px)/1.05 var(--serif);margin:12px 0 8px}h2{font:600 18px/1.3 var(--wm);margin:36px 0 8px;color:var(--cream)}
p,li{color:#D2D4D6}a{color:var(--cream);text-decoration-color:var(--sage);text-underline-offset:4px}ul{padding-left:20px}
.eff{color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line)}footer .in{max-width:860px;margin:0 auto;padding:24px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}footer a{color:var(--muted)}