*{box-sizing:border-box}body{margin:0;background:#fff;color:#151515;font:17px/1.65 system-ui,sans-serif}main,header,footer{max-width:800px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e6e1d4}header img{width:60px;height:60px}h1{font-size:clamp(32px,6vw,48px);line-height:1.1;margin:24px 0}h2{font-size:24px;line-height:1.3;margin-top:36px}a{color:#705200;text-underline-offset:3px}nav{display:flex;gap:22px;flex-wrap:wrap}.notice{background:#fbf5e4;border-left:4px solid #d2a82e;padding:18px}footer{border-top:1px solid #e6e1d4;color:#555;font-size:14px}li{margin:8px 0}a:focus-visible{outline:3px solid #d2a82e;outline-offset:4px}