:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #0b1220; color: #e5e7eb;
       font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
       line-height: 1.65; }
header { border-bottom: 1px solid #1f2937; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header .wrap { display: flex; align-items: center; gap: 10px; padding: 16px 20px; }
header img { width: 26px; height: 26px; }
header b { color: #f3f4f6; }
header a { color: #f3f4f6; text-decoration: none; }
main { padding: 28px 0 48px; }
h1 { font-size: 30px; line-height: 1.25; color: #f8fafc; margin: 8px 0 6px; }
.lede { color: #9ca3af; font-size: 17px; margin-bottom: 28px; }
h2 { font-size: 22px; color: #f1f5f9; margin: 34px 0 10px; }
h3 { font-size: 17px; margin: 20px 0 4px; }
h3.f { color: #38bdf8; } h3.a { color: #fbbf24; } h3.o { color: #34d399; }
p, li { color: #cbd5e1; }
a { color: #7dd3fc; }
.cta { display: inline-block; margin-top: 14px; padding: 12px 22px; border-radius: 999px;
       background: #0e2a3a; border: 1px solid #38bdf8; color: #7dd3fc;
       text-decoration: none; font-weight: 600; }
table { border-collapse: collapse; width: 100%; margin: 16px 0; font-size: 14px; }
th, td { border: 1px solid #1f2937; padding: 9px 11px; text-align: left; vertical-align: top; }
th { background: #0f1626; color: #e2e8f0; }
.seealso { margin-top: 34px; padding: 16px; border: 1px solid #1f2937; border-radius: 10px;
           background: #0f1626; }
.seealso b { color: #e2e8f0; }
.note { font-size: 13px; color: #6b7280; border-top: 1px solid #1f2937;
        margin-top: 40px; padding-top: 16px; }
.note a { color: #94a3b8; }