:root {
  color-scheme: light;
  --paper: #f4f2eb;
  --ink: #22231f;
  --muted: #6b6b62;
  --red: #bc3628;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body { margin: 0; }
::selection { color: var(--paper); background: var(--red); }
.page { width: min(100% - 40px, 720px); min-height: 100vh; min-height: 100svh; margin-inline: auto; padding-block: 48px; display: grid; place-items: center; }
.announcement { width: 100%; text-align: center; }
.masthead { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.site-title { margin: 0; }
.wordmark { display: inline-flex; align-items: center; font-size: clamp(32px, 4vw, 44px); font-weight: 700; letter-spacing: -1.5px; }
.wordmark-zone { color: var(--muted); font-weight: 400; }
.masthead-description { color: var(--muted); font-size: 12px; }