:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #25312a;
  background: #f5f2ea;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
a { color: #41644a; }
.shell { width: min(760px, calc(100% - 36px)); margin: 0 auto; }
header { padding: 30px 0 18px; border-bottom: 1px solid #dcd8cd; }
nav { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
nav strong { margin-right: auto; font-size: 18px; }
nav a { text-decoration: none; font-weight: 600; }
main { padding: 42px 0 64px; }
h1 { font-size: clamp(34px, 7vw, 52px); line-height: 1.08; margin: 0 0 16px; letter-spacing: -0.025em; }
h2 { font-size: 22px; line-height: 1.25; margin: 38px 0 8px; }
h3 { font-size: 17px; margin: 24px 0 6px; }
p, li { font-size: 16px; }
ul { padding-left: 22px; }
.lede { font-size: 20px; color: #556058; max-width: 640px; }
.meta { color: #6f766f; font-size: 14px; }
.card { padding: 22px; margin: 24px 0; border: 1px solid #d8d4c8; border-radius: 16px; background: #fffdf8; }
.button { display: inline-block; padding: 12px 18px; border-radius: 10px; color: white; background: #41644a; text-decoration: none; font-weight: 700; }
footer { padding: 28px 0 44px; border-top: 1px solid #dcd8cd; color: #6f766f; font-size: 14px; }
@media (max-width: 520px) { nav strong { width: 100%; } main { padding-top: 30px; } }