:root { --bg: #fff; --fg: #15171a; --muted: #6b7280; --accent: #1f6feb; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: #111317; --fg: #eceef1; --muted: #9aa1ab; --accent: #4c8dff; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.55 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 24px; line-height: 1.25; } h2 { font-size: 18px; margin-top: 28px; }
.note { background: rgba(255, 193, 7, .15); border-radius: 10px; padding: 10px 14px; font-size: 14px; }
.muted { color: var(--muted); } a { color: var(--accent); }
mark { background: rgba(255, 193, 7, .35); color: inherit; padding: 0 2px; }