:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #121212; line-height: 1.65; }
body { margin: 0; background: #121212; color: #e8e8e8; }
main { max-width: 44rem; margin: 0 auto; padding: 3rem 1.25rem; overflow-wrap: anywhere; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 1.25rem; }
h2 { font-size: 1.2rem; line-height: 1.35; margin: 2rem 0 .5rem; }
p { margin: .75rem 0; }
a { color: #8ab4f8; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid #8ab4f8; outline-offset: 4px; }
hr { border-color: #333; }
footer { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid #333; }
.date { color: #aaa; }
.brand { display: block; margin: 0 0 1.25rem; }
.brand img { display: block; width: 100%; height: auto; }
.brand-small { max-width: 24rem; }
.retro { font-family: monospace; font-size: .875rem; color: #aaa; }
.copyright { font-size: .875rem; color: #aaa; }