:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #090909; color: #f4f4f1; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 16px; line-height: 1.75; }
.page { width: min(100% - 40px, 760px); margin: auto; }
header { padding: 28px 0; border-bottom: 1px solid #282828; }
a { color: #e4e4df; text-underline-offset: 4px; overflow-wrap: anywhere; }
a:hover { color: #fff; }
a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.brand { display: inline-block; font-size: 15px; font-weight: 900; letter-spacing: .12em; text-decoration: none; line-height: 1.4; }
.brand span { display: block; margin-top: 3px; font-size: 9px; letter-spacing: .3em; }
main { padding: 48px 0; }
h1 { margin: 0 0 12px; font-size: clamp(34px, 7vw, 52px); line-height: 1.15; letter-spacing: -.04em; }
h2 { margin: 36px 0 12px; font-size: 23px; line-height: 1.35; letter-spacing: -.02em; }
p, li { color: #bdbdbd; }
p { margin: 12px 0; }
li { margin: 8px 0; }
strong { color: #f4f4f1; }
.updated { margin: 0 0 28px; color: #929292; font-size: 13px; }
footer { padding: 24px 0 32px; border-top: 1px solid #282828; color: #929292; font-size: 13px; }
@media (max-width: 480px) { main { padding-top: 34px; } body { font-size: 15px; } }