:root {
  color-scheme: dark;
  font-family: Inter, system-ui, sans-serif;
  background: #181411;
  color: #f4ecdf;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top, #332820 0, #181411 42rem);
}

main {
  width: min(46rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: 3rem 0 5rem;
}

.brand, a { color: #dfc89e; }
.brand { font-family: Georgia, serif; font-size: 1.25rem; text-decoration: none; }
h1 { margin: 3rem 0 .5rem; font: 500 clamp(2.3rem, 7vw, 4rem)/1 Georgia, serif; }
h2 { margin-top: 2.25rem; font: 500 1.35rem/1.3 Georgia, serif; }
p, li { color: #d8cec0; line-height: 1.7; }
.updated { color: #a99b89; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.75rem 0; }
.button {
  display: inline-block;
  padding: .8rem 1rem;
  border: 1px solid #a88b5c;
  border-radius: 999px;
  color: #181411;
  background: #dfc89e;
  font-weight: 700;
  text-decoration: none;
}
.button.secondary { color: #dfc89e; background: transparent; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #3e342c; }