:root {
  --fg: #0f172a;     /* slate-900 */
  --muted: #475569;  /* slate-600 */
  --bg: #ffffff;
  --link: #2563eb;   /* blue-600 */
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg); }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; line-height: 1.6; }
.container { max-width: 820px; margin: 3rem auto; padding: 0 1.25rem; }
h1 { margin: 0 0 0.5rem; font-size: clamp(1.8rem, 4vw, 2.4rem); }
h2 { margin-top: 2rem; }
nav { margin-top: 1rem; display: flex; gap: 1rem; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 1.25rem; }
address { font-style: normal; color: var(--muted); }