*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#18332e;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px}header{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-bottom:1px solid #d5dfda}header a{color:#164d40;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.brand{font-size:28px;font-weight:800;letter-spacing:.04em}main{min-height:60vh;padding-top:48px;padding-bottom:60px}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:8px 0 24px}h2{font-size:23px;margin-top:36px;line-height:1.35}a{color:#11644e;text-underline-offset:3px}.intro{font-size:20px}.note{background:#e7f1eb;border-left:4px solid #267457;padding:18px 24px;border-radius:4px}.meta,footer{font-size:14px;color:#52655e}footer{border-top:1px solid #d5dfda}li{margin:8px 0}a:focus-visible{outline:3px solid #a27514;outline-offset:4px}