:root { color-scheme: light dark; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #344255; background: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 800px; margin: 0 auto; padding: 40px 24px 64px; }
h1 { font-size: 28px; line-height: 36px; font-weight: 600; margin: 0 0 8px; }
h2 { font-size: 20px; line-height: 28px; font-weight: 600; margin: 32px 0 8px; }
p { font-size: 16px; line-height: 26px; margin: 12px 0; }
.date { font-size: 14px; color: #657285; margin: 0 0 24px; }
a { color: inherit; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-color-scheme: dark) { :root { color: #e5ebf1; background: #232b36; } .date { color: #b6c1cd; } }