*{box-sizing:border-box}body{margin:0;background:#f7f6f0;color:#14251b;font:15px/1.8 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:45px 24px 90px}a{color:#315c37;text-underline-offset:3px}h1{font-size:38px;letter-spacing:-1px;line-height:1.15;margin:28px 0 12px}h2{font-size:21px;line-height:1.3;margin:38px 0 12px}.meta{font-size:12px;color:#65726a}.note{padding:18px;background:#edf0e4;border-left:3px solid #98b470;border-radius:0 8px 8px 0}li{margin:8px 0}nav{display:flex;gap:20px;font-size:12px;margin-top:45px;padding-top:20px;border-top:1px solid #dcded5}:focus-visible{outline:3px solid #467cbd;outline-offset:4px}