:root { color-scheme: dark; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #1e1e1e; color: #dedede; line-height: 1.65; }
a { color: #93c5fd; }
a:hover, a:focus-visible { color: #bfdbfe; }
.site-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem max(1.25rem, calc((100vw - 56rem) / 2)); border-bottom: 1px solid #404040; }
.site-name { color: #f4f4f5; font-weight: 700; text-decoration: none; }
.back-link { white-space: nowrap; }
main { width: min(100% - 2.5rem, 56rem); margin: 0 auto; padding: 3.5rem 0 5rem; }
.eyebrow { color: #93c5fd; font-size: .875rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
h1 { color: #fff; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; margin: .5rem 0 1.25rem; }
h2 { color: #f4f4f5; font-size: 1.35rem; line-height: 1.35; margin: 0 0 .8rem; }
.intro { font-size: 1.1rem; color: #cbd5e1; }
section { border-top: 1px solid #404040; margin-top: 2rem; padding-top: 2rem; }
section p { margin: 0 0 .9rem; }
ol { margin: 0; padding-left: 1.5rem; }
li + li { margin-top: .6rem; }
.notice { border-left: 3px solid #f59e0b; padding: .75rem 1rem; background: #29241b; }
.primary-link { display: inline-block; margin-top: 2.25rem; padding: .7rem 1rem; border-radius: .4rem; background: #2563eb; color: #fff; font-weight: 600; text-decoration: none; }
.primary-link:hover, .primary-link:focus-visible { background: #1d4ed8; color: #fff; }
@media (max-width: 600px) { .site-header { align-items: flex-start; flex-direction: column; } main { padding-top: 2.5rem; } }