*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f6f2;color:#24362c;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5eae4}header a{font-weight:700;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;font-weight:400}a{color:#285b43;text-underline-offset:4px}main{padding-top:48px;padding-bottom:56px}h1{font-size:clamp(28px,5vw,40px);line-height:1.45;margin:0 0 24px}h2{font-size:21px;line-height:1.55;margin:34px 0 12px}p{margin:0 0 18px}ul{padding-left:24px}li{margin-bottom:9px}.intro{font-size:19px}.button{display:inline-block;background:#285b43;color:white;border-radius:10px;padding:11px 22px;text-decoration:none;margin-top:10px}.date,footer{color:#58695e;font-size:13px}footer{border-top:1px solid #e5eae4;display:flex;gap:18px;flex-wrap:wrap}a:focus-visible{outline:3px solid #a55b39;outline-offset:4px}@media(max-width:520px){header{display:block;padding:20px}nav{margin-top:12px;gap:14px}main{padding:32px 20px 40px}footer{padding:20px}}