:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #142137; background: #f6f9fd; }
body { margin: 0; padding: 40px 20px; line-height: 1.65; }
main { max-width: 720px; margin: auto; background: white; border: 1px solid #e2e9f2; padding: 40px; border-radius: 16px; }
h1 { font-size: 32px; letter-spacing: -.8px; line-height: 1.2; margin-top: 10px; }
h2 { font-size: 18px; margin-top: 28px; }
p { color: #4d5f76; }
.eyebrow { color: #216bce; font-size: 13px; font-weight: 600; }
code { overflow-wrap: anywhere; }
.note { border-top: 1px solid #e2e9f2; padding-top: 20px; font-size: 12px; }
@media (max-width: 500px) { main { padding: 24px; } }