:root { color-scheme: light; --ink:#1a1a1a; --cream:#faf3e0; --accent:#e85d04; }
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: var(--cream); color: var(--ink); line-height:1.5; }
.wrap { max-width: 40rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; text-align: center; }
.wrap.narrow { text-align: left; }
h1 { font-size: 1.75rem; margin: 1rem 0 .5rem; }
h2 { font-size: 1.1rem; margin-top: 1.75rem; }
.tag { font-size: 1.05rem; opacity: .9; }
.muted { opacity: .7; font-size: .95rem; }
.btn { display:inline-block; margin: 1.25rem 0; padding: .85rem 1.4rem; background: var(--ink); color:#fff;
  text-decoration:none; border-radius: 999px; font-weight: 600; }
.btn:hover { background: var(--accent); }
.links { margin-top: 2.5rem; display:flex; gap:1.25rem; justify-content:center; }
.links a, a { color: var(--ink); }
ul { padding-left: 1.2rem; }