:root { color-scheme: dark light; font: 17px/1.65 system-ui, sans-serif; background: #111820; color: #e5edf4; }
body { max-width: 48rem; margin: auto; padding: 2rem 1.25rem 5rem; }
a { color: #8bd8ff; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
h1, h2 { line-height: 1.2; color: #fff; }
h1 { font-size: clamp(2rem, 7vw, 3rem); }
h2 { margin-top: 2rem; font-size: 1.3rem; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.meta { color: #b4c4d2; }
@media print { :root { background: white; color: black; } h1, h2, a, .meta { color: black; } }