:root {
  color-scheme: light;
  --ink: #25211c;
  --muted: #6f665c;
  --gold: #b8842d;
  --teal: #217f78;
  --cream: #fbf5e9;
  --rule: rgba(37, 33, 28, .17);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: linear-gradient(180deg, #f7eedc 0, #fffaf1 48%, #f6efe3 100%);
  font: 17px/1.7 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-wrap: break-word;
}

main {
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 88px;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}

h1 {
  margin: 0 0 8px;
  font-size: clamp(40px, 8vw, 64px);
  line-height: 1.1;
  letter-spacing: -.03em;
}

h2 {
  margin: 46px 0 8px;
  padding-top: 22px;
  border-top: 1px solid var(--rule);
  font-size: 28px;
  line-height: 1.25;
}

h3 {
  margin: 28px 0 4px;
  font-size: 21px;
  line-height: 1.3;
}

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

ul, ol { padding-left: 1.3em; }

li { margin: 6px 0; }

.eyebrow {
  color: var(--teal);
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
}

.eyebrow a { color: inherit; text-decoration: none; }

.updated {
  color: var(--gold);
  margin: 0 0 38px;
}

a { color: var(--teal); }

strong { color: var(--ink); }

address {
  font-style: normal;
  color: var(--muted);
}

footer {
  margin-top: 54px;
  padding-top: 22px;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: 15px;
}

footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  margin-bottom: 10px;
}

footer p { margin: 0; }