body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #1a1a1a; background: #fdfdfb; margin: 0; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 48px; padding-bottom: 24px; border-bottom: 1px solid #ddd; }
.kicker { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8rem; color: #666; margin: 0 0 12px; }
h1 { font-size: 2.4rem; line-height: 1.1; margin: 0 0 12px; }
.headline { font-size: 1.15rem; color: #333; margin: 0 0 20px; }
nav a { margin-right: 16px; }
a { color: #0b5fff; }
a:visited { color: #5a3ec8; }
h2 { font-size: 1.4rem; margin: 40px 0 12px; padding-top: 8px; border-top: 1px solid #eee; }
h3 { font-size: 1.1rem; margin: 24px 0 6px; }
p, li { font-size: 1rem; }
ul { padding-left: 22px; }
section { margin-bottom: 8px; }
footer { padding-top: 24px; padding-bottom: 48px; color: #666; font-size: 0.9rem; border-top: 1px solid #ddd; margin-top: 40px; }
@media (max-width: 600px) { h1 { font-size: 2rem; } header { padding-top: 32px; } nav a { display: inline-block; margin-bottom: 8px; } }