:root{--ink:#1a2233;--muted:#5b6678;--rule:#e2e7ef;--bg:#fff}
@media(prefers-color-scheme:dark){:root{--ink:#e9edf4;--muted:#a3adbd;--rule:#2a3345;--bg:#141922}}
*{box-sizing:border-box}
body{margin:0;padding:2rem 1.25rem 4rem;background:var(--bg);color:var(--ink);
font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
-webkit-text-size-adjust:100%}
main{max-width:44rem;margin:0 auto}
.brand{display:flex;align-items:center;gap:1rem;margin:0 0 .55rem}
.brand img{width:4rem;height:4rem;border-radius:.9rem;box-shadow:0 .25rem .8rem rgba(0,0,0,.18)}
.brand h1{margin:0}
h1{font-size:1.9rem;line-height:1.25;margin:0 0 .35rem;letter-spacing:-.01em}
h2{font-size:1.15rem;margin:2.25rem 0 .5rem;letter-spacing:-.005em}
h3{font-size:1rem;margin:1.5rem 0 .35rem}
p{margin:0 0 1rem}
a{color:inherit;text-underline-offset:2px}
.lede{color:var(--muted);margin-bottom:2rem}
.eff{color:var(--muted);font-size:.9rem}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);
color:var(--muted);font-size:.875rem}
@media(max-width:28rem){body{padding:1.25rem 1rem 3rem}.brand img{width:3.5rem;height:3.5rem}.brand h1{font-size:1.6rem}}