:root { color-scheme: dark; }
html, body { margin: 0; height: 100%; }
body {
  background: #0B0607; color: #FFF0D6;
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  display: grid; grid-template-rows: 1fr auto; min-height: 100vh;
}
main { align-self: center; justify-self: center; width: min(92vw, 720px); padding: 24px 16px; }
.wordmark { width: 100%; height: auto; color: #FFB43A; display: block; margin-bottom: 28px; }
p { margin: 0; max-width: 46ch; color: #F6E6D0; }
a { color: #FFC861; text-underline-offset: 3px; }
a:hover { color: #FF8A3A; }
footer { padding: 16px; text-align: center; font-size: 14px; opacity: .75; }