@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; color: #e7ebef; background: #080a0c; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #06d0f9; text-underline-offset: .25em; }
a:hover { color: #fff; }
a:focus-visible { outline: 2px solid #06d0f9; outline-offset: 5px; border-radius: 2px; }
header, footer { max-width: 1120px; margin: auto; padding: 28px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
header { border-bottom: 1px solid #1f2329; }
header > a:last-child { font-size: .875rem; }
.brand { color: #e7ebef; font: 700 1.1rem 'JetBrains Mono', monospace; text-decoration: none; white-space: nowrap; }
.brand span { color: #06d0f9; }
.brand small { font: 500 .65rem Inter, sans-serif; color: #a5afbd; }
main { max-width: 860px; margin: 0 auto; padding: 64px 24px 88px; min-height: 75vh; }
nav { font-size: .875rem; margin-bottom: 40px; }
.eyebrow { color: #06d0f9; font: 500 .75rem/1.8 'JetBrains Mono', monospace; letter-spacing: .05em; }
h1 { font-size: clamp(1.9rem, 5vw, 3.4rem); line-height: 1.15; letter-spacing: -.04em; margin: 16px 0 24px; overflow-wrap: anywhere; }
.intro { color: #a5afbd; max-width: 630px; font-size: 1.05rem; line-height: 1.8; }
section { margin-top: 48px; }
section h2 { font-size: 1.15rem; display: flex; align-items: center; gap: 14px; }
.count { font: 500 .75rem 'JetBrains Mono', monospace; color: #a5afbd; }
.documents { padding: 0; list-style: none; border-top: 1px solid #1f2329; }
.documents li { border-bottom: 1px solid #1f2329; }
.documents a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 8px; color: #e7ebef; text-decoration: none; line-height: 1.5; }
.documents a:hover { color: #06d0f9; background: #101319; }
.documents a > span:last-child { color: #06d0f9; }
.document-header { border-bottom: 1px solid #1f2329; padding-bottom: 12px; margin-bottom: 40px; }
.document { line-height: 1.85; color: #d1d7df; overflow-wrap: anywhere; }
.document h2, .document h3, .document h4 { color: #e7ebef; line-height: 1.45; margin-top: 2em; letter-spacing: -.015em; }
.document h2 { font-size: 1.5rem; }
.document h3 { font-size: 1.25rem; }
.document h4 { font-size: 1.05rem; }
.document p { margin: 1em 0; }
.document li { margin: .6em 0; }
.document ul, .document ol { padding-left: 1.5em; }
.document hr { border: 0; border-top: 1px solid #1f2329; margin: 2rem 0; }
footer { border-top: 1px solid #1f2329; font-size: .8rem; color: #a5afbd; flex-wrap: wrap; }
.skip-link { position: absolute; left: 20px; top: -100px; background: #080a0c; padding: 12px; }
.skip-link:focus { top: 12px; }
@media (max-width: 480px) { header { gap: 12px; padding: 22px 20px; } main { padding: 40px 20px 64px; } .brand small { display: none; } }
:root.light { color-scheme: light; background: #f8fafb; color: #162031; }
.light a, .light .brand span, .light .eyebrow, .light .documents a > span:last-child { color: #046e90; }
.light a:hover { color: #162031; }
.light .brand, .light .documents a, .light .document h2, .light .document h3, .light .document h4 { color: #162031; }
.light .intro, .light .count, .light footer, .light .brand small { color: #526174; }
.light .document { color: #364457; }
.light header, .light footer, .light .documents, .light .documents li, .light .document-header, .light .document hr { border-color: #d0d7e1; }
.light .documents a:hover { background: #e9eef3; color: #046e90; }
.light .skip-link { background: #f8fafb; }
.light a:focus-visible { outline-color: #046e90; }
@media print { :root { color-scheme: light; background: white; color: black; } header, footer, nav, .skip-link { display: none; } main { max-width: none; padding: 0; } .document, .document h2, .document h3, .document h4, .eyebrow, a { color: black; } }