:root {
  color-scheme: light;
  font-family: Inter, Arial, sans-serif;
  color: #191b1d;
  background: #f4f3ef;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #bb3e08; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #e32228; outline-offset: 3px; }
header, main, footer { width: min(100% - 32px, 800px); margin-inline: auto; }
header { padding-block: 32px 16px; border-bottom: 1px solid #b7b8ba; }
header a { font-weight: 600; text-decoration: none; }
main { padding-block: 32px 64px; }
h1, h2 { font-family: Unbounded, Inter, Arial, sans-serif; font-weight: 500; line-height: 1.25; }
h1 { font-size: clamp(1.8rem, 2.6rem, 2.6rem); margin-block: 0 32px; }
h2 { font-size: 1.15rem; margin-block: 36px 12px; }
p, li { font-size: 1rem; margin-block: 0 16px; }
ul { padding-left: 24px; }
.meta { color: #575b5d; }
footer { border-top: 1px solid #b7b8ba; padding-block: 24px 48px; }
@media (max-width: 390px) {
  h1 { font-size: 1.8rem; overflow-wrap: anywhere; }
  header, main, footer { width: min(100% - 32px, 800px); }
}