:root {
  color-scheme: light;
  color: #173e32;
  background: #f8f4eb;
  font: 1rem/1.6 system-ui, sans-serif;
}
body { margin: 0; }
nav, main, footer { width: min(100% - 2rem, 54rem); margin-inline: auto; }
nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; padding-block: 1rem; }
a { color: inherit; text-underline-offset: .2em; }
main { padding-block: clamp(1.5rem, 5vw, 4rem) 2rem; }
header { max-width: 44rem; margin-bottom: 1.75rem; }
h1, h2 { font-family: Georgia, serif; font-weight: 400; line-height: 1.14; }
h1 { margin: .25em 0; font-size: clamp(2rem, 6vw, 4rem); }
h2 { font-size: clamp(1.6rem, 4vw, 2.25rem); }
.category { color: #376050; letter-spacing: .08em; font-size: .85rem; }
.intro { font-size: 1.15rem; }
.facts { color: #376050; }
.action { display: inline-block; background: #173e32; color: #fff; padding: .6rem 1rem; border-radius: .2rem; }
.cover { width: 100%; height: auto; max-height: 30rem; object-fit: cover; border-radius: .3rem; }
section { margin-block: 2rem; max-width: 46rem; }
li p { margin-top: .25em; }
table { border-collapse: collapse; width: 100%; }
caption, td, th { text-align: left; }
td, th { border-bottom: 1px solid #b6c7bc; padding: .45rem .3rem; }
footer { border-top: 1px solid #b6c7bc; padding-block: 1rem 2rem; }