:root { --fg: #1d1d1f; --muted: #5f6368; --accent: #2f5bd3; --bg: #fbfbfa; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--fg); background: var(--bg); }
main { max-width: 680px; margin: 0 auto; padding: 48px 24px 64px; }
header a { color: var(--fg); text-decoration: none; font-weight: 600; }
nav { margin-top: 4px; font-size: 15px; }
nav a { color: var(--muted); margin-right: 16px; }
h1 { font-size: 30px; line-height: 1.2; margin: 40px 0 12px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
a { color: var(--accent); }
.box { background: #fff; border: 1px solid #e3e3e0; border-radius: 10px; padding: 16px 20px; margin: 16px 0; }
.muted, footer { color: var(--muted); font-size: 14px; }
footer { margin-top: 56px; border-top: 1px solid #e3e3e0; padding-top: 16px; }