:root { --cream:#FAF6E9; --deep:#2E4A22; --muted:#6B7C5C; --matcha:#7FB03F; --hair:#E2DCC6; }
* { box-sizing: border-box; }
html { background: var(--cream); }
body {
  margin: 0; color: var(--deep); background: var(--cream);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding-inline: 20px; padding-block: 40px 72px;
}
main { max-width: 680px; margin: 0 auto; }
.home { display: inline-flex; align-items: center; gap: 10px; color: var(--deep); font-weight: 600; text-decoration: none; }
.home .mark { width: 30px; height: 30px; border-radius: 6.9px; background: var(--matcha); display: grid; place-items: center; flex: none; }
.home .mark img { height: 20px; width: auto; }
h1 { font-size: clamp(30px, 5vw, 40px); line-height: 1.1; letter-spacing: -0.8px; margin: 36px 0 6px; }
.updated { color: var(--muted); margin: 0 0 28px; font-size: 14px; }
h2 { font-size: 21px; letter-spacing: -0.3px; margin: 40px 0 8px; padding-top: 22px; border-top: 1px solid var(--hair); }
h3 { font-size: 16px; margin: 20px 0 4px; }
ul { padding-left: 20px; margin: 8px 0; }
li { margin: 5px 0; }
a { color: #3F6B2B; }
p { margin: 10px 0; }
.lead { font-size: 19px; color: var(--muted); }
.links { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 28px; }