:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #0b0b0f; color: #f7f7fa; line-height: 1.65; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 80px; }
nav { display: flex; flex-wrap: wrap; gap: 12px 20px; padding-bottom: 32px; border-bottom: 1px solid #33333d; }
a { color: #4cc2ff; text-decoration: none; font-weight: 700; }
h1 { margin: 36px 0 8px; font-size: clamp(2rem, 8vw, 3.25rem); line-height: 1; letter-spacing: -.04em; }
h2 { margin-top: 34px; font-size: 1.05rem; letter-spacing: .04em; text-transform: uppercase; }
p, li { color: #b3b3bd; }
.meta { margin: 0 0 32px; color: #7e7e89; }
.brand { margin-right: auto; color: #fff; font-weight: 900; letter-spacing: -.02em; }
footer { margin-top: 52px; padding-top: 22px; border-top: 1px solid #33333d; color: #7e7e89; font-size: .9rem; }
code { color: #f7f7fa; background: #1a1a22; padding: 1px 6px; border-radius: 4px; font-size: .9em; }
.card { margin-top: 34px; padding: 4px 24px 20px; background: #13131a; border: 1px solid #33333d; border-radius: 12px; }
.flush { margin-top: 22px; }
.warn { color: #ffb454; }
details { border-top: 1px solid #33333d; }
details:last-of-type { border-bottom: 1px solid #33333d; }
summary { padding: 16px 0; color: #f7f7fa; font-weight: 700; cursor: pointer; list-style-position: outside; }
summary:hover { color: #4cc2ff; }
details p { margin: 0 0 18px; padding-right: 8px; }