* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --burgundy: #5c1724;
  --burgundy-dark: #3d0e17;
  --beige: #f7eedf;
  --gold: #e5ad28;
  --text: #281b18;
  --muted: #74645d;
  --border: #dfcfba;
}

body {
  background: var(--beige);
  color: var(--text);

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  line-height: 1.75;
}

header {
  background: var(--burgundy-dark);

  border-bottom: 4px solid var(--gold);

  padding: 24px 0;
}

.container {
  width: min(820px, calc(100% - 40px));
  margin: 0 auto;
}

.brand {
  color: var(--gold);

  font-size: 1.65rem;
  font-weight: 900;

  text-decoration: none;
}

main {
  padding: 80px 0 100px;
}

h1 {
  color: var(--burgundy-dark);

  font-size: clamp(2.6rem, 6vw, 4rem);
  line-height: 1.05;

  margin-bottom: 10px;
}

.updated {
  color: var(--muted);

  margin-bottom: 50px;
}

h2 {
  color: var(--burgundy);

  font-size: 1.5rem;

  margin-top: 42px;
  margin-bottom: 12px;
}

p,
li {
  color: var(--muted);
}

p {
  margin-bottom: 16px;
}

ul {
  padding-left: 22px;

  margin: 12px 0 18px;
}

a {
  color: var(--burgundy);
  font-weight: 600;
}

a:hover {
  color: #8a293b;
}

footer {
  background: var(--burgundy-dark);

  border-top: 4px solid var(--gold);

  padding: 32px 0;

  color: #e4d4c5;

  font-size: 0.85rem;
}

footer a {
  color: var(--gold);
}