:root { --fg:#111; --bg:#fff; --muted:#666; }
html,body { margin:0; padding:0; color:var(--fg); background:var(--bg); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji; }
a { color:inherit; text-decoration: underline; text-underline-offset: 3px; }
main { max-width: 760px; margin: 56px 32px 80px 32px; padding: 0; line-height: 1.65; }
header h1 { font-size: 2rem; margin: 0; }
header p.meta { margin-top: 6px; color: var(--muted); font-size: 0.95rem; }
section { margin-top: 28px; }
h2 { font-size: 1.1rem; margin: 18px 0 6px; }
ul { margin: 8px 0 0 1.1rem; padding: 0; }
li { margin: 6px 0; }
.divider { height: 1px; background: #eee; margin: 22px 0; }
footer { margin-top: 40px; color: var(--muted); font-size: 0.9rem; }
@media (min-width: 1200px) { main { margin-left: 10vw; } }
@media (prefers-color-scheme: dark) {
  :root { --fg:#f5f5f5; --bg:#0b0b0b; --muted:#aaa; }
  .divider { background: #222; }
}