:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  color: #272522;
  background: #f7f3ea;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #fff;
  line-height: 1.65;
}

header {
  background: #1d252b;
  color: #fff;
  padding: 1rem 1.5rem;
}

header a { color: #fff; text-decoration: none; }

.brand { font-family: Georgia, serif; font-size: 1.35rem; }

nav { margin-top: .65rem; }
nav a { color: #e8cc8c; margin-right: 1rem; text-decoration: underline; }

main {
  max-width: 860px;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}

h1, h2 { font-family: Georgia, 'Times New Roman', serif; color: #1d252b; }
h1 { font-size: clamp(2.4rem, 7vw, 4.6rem); line-height: 1.05; margin: 0 0 1rem; }
h2 { font-size: 1.65rem; margin: 2.75rem 0 .8rem; }

.meta { color: #68635b; margin-bottom: 2rem; }
.review-note {
  border: 1px solid #d8c18b;
  background: #fffaf0;
  padding: .9rem 1rem;
  border-radius: .35rem;
}

a { color: #7c5b18; }
li { margin: .45rem 0; }

footer {
  border-top: 1px solid #ddd5c6;
  background: #f7f3ea;
  padding: 2rem 1.5rem;
  text-align: center;
  color: #68635b;
}

@media print {
  header, .review-note { display: none; }
  main { max-width: none; padding: 0; }
  a { color: inherit; text-decoration: none; }
}