*{box-sizing:border-box}body{margin:0;background:#e9e5d4;color:#283d32;font:16px/1.7 system-ui,sans-serif;background-image:radial-gradient(#cfcbb6 1px,transparent 1px);background-size:16px 16px}main{max-width:850px;margin:40px auto;padding:0 22px}header{border-bottom:2px solid #aeb7a2;padding-bottom:20px}a{color:#305a3c;text-decoration-thickness:2px;text-underline-offset:3px}h1,h2{line-height:1.3;color:#263c31}h1{font-size:clamp(28px,5vw,42px)}h2{font-size:21px;margin-top:32px}.notice{background:#f5efd6;border-left:5px solid #9e8052;padding:14px 18px}article{background:#f7f6e8;border:2px solid #879b7d;padding:clamp(20px,4vw,40px);margin-top:25px}footer{border-top:2px solid #aeb7a2;margin:30px 0;padding-top:18px;display:flex;gap:22px;flex-wrap:wrap}