:root { color-scheme: light dark; }
.skip { position: absolute; left: .5rem; top: -3rem; background: #c9924a; color: #1a140c; padding: .4rem .8rem; border-radius: 4px; }
.skip:focus { top: .5rem; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.55; max-width: 42rem; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; color: #1a1a1a; }
@media (prefers-color-scheme: dark) { body { color: #eee; background: #111; } a { color: #9cf; } }
h1 { font-size: 1.6rem; margin: 0 0 .3rem; }
h2 { font-size: 1.1rem; margin: 1.6rem 0 .4rem; }
p, li { margin: .5rem 0; }
.lede, .meta { color: #555; font-size: .95rem; }
@media (prefers-color-scheme: dark) { .lede, .meta { color: #aaa; } }
footer.site, footer { margin-top: 2.5rem; border-top: 1px solid #ccc; padding-top: 1rem; font-size: .9rem; }
.muted { color: #666; font-size: .92rem; }
.btn { display: inline-block; padding: .55rem 1rem; border: 1px solid #333; border-radius: 6px; text-decoration: none; margin: .3rem .4rem .3rem 0; }
a:focus-visible { outline: 3px solid #c9924a; outline-offset: 3px; }
.download { font-weight: 700; }