:root {
  color-scheme: dark;
  --ink: #0b0a09;
  --paper: #eee5d7;
  --muted: #b7aa99;
  --gold: #c49a55;
  --line: rgba(238, 229, 215, 0.16);
}

* { box-sizing: border-box; }

body {
  background: radial-gradient(circle at 80% 0%, #29120f 0, transparent 34%), var(--ink);
  color: var(--paper);
  font-family: "Manrope", sans-serif;
  line-height: 1.75;
  margin: 0;
}

main {
  margin: 0 auto;
  max-width: 780px;
  min-height: calc(100vh - 100px);
  padding: 72px 24px;
}

.eyebrow {
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

h1, h2 { font-family: "Cinzel", serif; }
h1 { font-size: clamp(2.4rem, 7vw, 4.5rem); line-height: 1.05; margin: 14px 0 26px; }
h2 { color: var(--gold); font-size: 1.1rem; margin-top: 34px; }
p, li { color: var(--muted); }
a { color: var(--paper); text-underline-offset: 4px; }
.back { display: inline-block; margin-top: 40px; }
footer { border-top: 1px solid var(--line); color: var(--muted); font-size: 0.76rem; padding: 22px 24px; text-align: center; }