*{box-sizing:border-box}body{margin:0;background:#f7f9f7;color:#202923;font:17px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}main,header,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe7e1}nav{display:flex;gap:20px;font-size:14px}a{color:#316a51;text-underline-offset:4px}h1{font-size:clamp(28px,6vw,42px);line-height:1.4;letter-spacing:-.02em;margin:34px 0 24px}h2{font-size:21px;margin-top:36px;line-height:1.5}p,ul{margin:16px 0}.brand{color:#202923;font-weight:700;text-decoration:none}.intro{font-size:20px;color:#4a5e50}.card{background:white;border:1px solid #e3e9e4;border-radius:16px;padding:24px;margin-top:28px}footer{font-size:13px;color:#66736a;border-top:1px solid #dfe7e1;margin-top:48px}@media(max-width:480px){header,main,footer{padding:20px}nav{gap:12px}.card{padding:20px}}@media(prefers-color-scheme:dark){body{background:#1f2521;color:#edf2ed}.brand{color:#edf2ed}a{color:#a6ceb9}.intro{color:#bbcbbc}.card{background:#2b332e;border-color:#39483d}header,footer{border-color:#39483d}footer{color:#a0b2a5}}
header{flex-wrap:wrap;gap:16px}nav{flex-wrap:wrap}