:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101113; color: #dedee0; }
* { box-sizing: border-box; }
body { max-width: 48rem; margin: auto; padding: 1.25rem 1.5rem 2rem; font-size: 1rem; line-height: 1.85; overflow-wrap: anywhere; }
header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.brand { font-size: 1.25rem; font-weight: 650; letter-spacing: -.02em; color: #f5f4f0; }
a { color: inherit; text-underline-offset: .22em; text-decoration-thickness: 1px; }
a:hover { color: white; }
a:focus-visible { outline: 2px solid #f5f4f0; outline-offset: 5px; border-radius: 2px; }
.language, nav a { display: inline-flex; min-height: 44px; align-items: center; font-size: .875rem; }
.language { flex-shrink: 0; }
nav { display: flex; gap: 1.5rem; flex-wrap: wrap; padding: 1rem 0 1.25rem; border-bottom: 1px solid #353639; color: #b5b5b8; }
nav a { text-decoration: none; }
nav a[aria-current] { color: #f5f4f0; text-decoration: underline; font-weight: 600; }
h1 { font-size: clamp(1.85rem, 5vw, 2.5rem); letter-spacing: -.025em; line-height: 1.25; color: #f5f4f0; margin: 2.5rem 0 1.25rem; }
h2 { color: #f5f4f0; font-size: 1.25rem; line-height: 1.5; margin: 2.2rem 0 .7rem; }
p { margin: 0 0 1rem; }
article > p:first-of-type { font-size: .875rem; color: #b5b5b8; margin-bottom: 1.5rem; }
ul { padding-inline-start: 1.35rem; margin: .5rem 0 1.25rem; }
li { padding-inline-start: .15rem; margin: .65rem 0; }
strong { color: #f5f4f0; font-weight: 600; }
footer { border-top: 1px solid #353639; margin-top: 3rem; padding-top: 1.5rem; color: #b5b5b8; font-size: .875rem; }
.skip { position: absolute; top: -100px; left: 1.5rem; background: #f5f4f0; color: #101113; padding: .5rem 1rem; }
.skip:focus { top: .5rem; }
@media (max-width: 360px) { body { padding-inline: 1rem; } nav { gap: 1rem; } }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }