:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #18212f; background: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; padding: 40px 20px; }
main { width: min(760px, 100%); margin: 0 auto; padding: 48px; background: white; border: 1px solid #dfe7f1; border-radius: 20px; box-shadow: 0 16px 50px rgba(28, 44, 72, .08); }
.eyebrow { color: #6253e8; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
h1 { margin: .25rem 0 1rem; font-size: clamp(2rem, 7vw, 3.3rem); line-height: 1.05; }
h2 { margin-top: 2rem; font-size: 1.25rem; }
p, li { line-height: 1.7; }
.updated { color: #65748b; }
a { color: #5142d8; }
nav { display: grid; gap: 12px; margin-top: 28px; }
nav a { display: block; padding: 16px 18px; border: 1px solid #d9d5ff; border-radius: 12px; text-decoration: none; font-weight: 700; background: #f7f5ff; }
@media (max-width: 600px) { body { padding: 16px; } main { padding: 28px 22px; border-radius: 14px; } }