:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fffaf7;
  color: #322a28;
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
.site-header, main, footer { width: min(100% - 2rem, 52rem); margin-inline: auto; }
.site-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding-block: 1.5rem; }
.brand { color: #7b3f51; font-size: 1.2rem; font-weight: 750; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: .75rem; }
a { color: #71364a; text-underline-offset: .16em; }
article { background: #fff; border: 1px solid #eaded8; border-radius: 1.25rem; padding: clamp(1.25rem, 4vw, 3rem); box-shadow: 0 .8rem 2.5rem rgb(82 51 57 / .08); }
h1, h2, h3, h4 { line-height: 1.2; color: #4a3038; }
h1 { font-size: clamp(2rem, 7vw, 3.4rem); letter-spacing: -.035em; }
h2 { margin-top: 2.25rem; }
code { background: #f8eeea; border-radius: .3rem; padding: .08rem .28rem; }
footer { padding-block: 2rem 3rem; color: #6f625e; font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }