/* Radix Gray light and dark, matching the native design tokens */
:root { color-scheme: light dark; --canvas:#fcfcfc; --text:#202020; --muted:#646464; --border:#d9d9d9; }
@media(prefers-color-scheme:dark) { :root { --canvas:#191919; --text:#eeeeee; --muted:#b4b4b4; --border:#3a3a3a; } }
* { box-sizing:border-box; }
body { max-width:760px; margin:0 auto; padding:32px 24px 56px; background:var(--canvas); color:var(--text); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere; }
nav,footer,.date { font-size:14px; color:var(--muted); }
nav { display:flex; flex-wrap:wrap; gap:20px; padding-bottom:24px; border-bottom:.5px solid var(--border); }
h1 { font-size:28px; line-height:1.25; margin:32px 0 8px; }
h2 { font-size:18px; line-height:1.4; margin:32px 0 8px; }
a { color:inherit; text-underline-offset:3px; }
a:focus-visible { outline:2px solid var(--text); outline-offset:4px; }
p,ul { margin:12px 0; }
ul { padding-inline-start:24px; }
footer { border-top:.5px solid var(--border); margin-top:40px; padding-top:20px; }