:root{font:16px/1.65 'Segoe UI',Arial,sans-serif;color:#193e34;background:#f3f7f5}*{box-sizing:border-box}body{margin:0}header{background:#143e32;color:white;padding:22px max(24px,calc((100% - 880px)/2))}header a{color:white;text-decoration:none;font-size:24px;font-weight:700}main{max-width:880px;margin:32px auto;padding:32px;background:white;border:1px solid #dce7e1;border-radius:16px}h1{font-size:32px;line-height:1.2}h2{font-size:20px;margin-top:28px}a{color:#17654d}nav{display:flex;flex-wrap:wrap;gap:18px}small,.muted{color:#587067}.notice{padding:14px 18px;background:#fff6dc;border-radius:8px}footer{margin-top:32px;border-top:1px solid #dce7e1;padding-top:20px}@media(max-width:600px){main{margin:16px;padding:20px}h1{font-size:27px}}