:root{color:#24352a;background:#f4f8ef;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}
body{margin:0}header{display:flex;align-items:center;gap:9px;padding:12px max(16px,calc((100% - 680px)/2));background:#fff;border-bottom:1px solid #dce5d4}
header b{flex:1;font-size:clamp(12px,4vw,16px)}.mark{background:#a8d65d;border-radius:12px;padding:7px;font-weight:750}
main{max-width:680px;margin:auto;padding:16px}h1{font-size:clamp(26px,6vw,38px);line-height:1.1;margin:8px 0}
.eyebrow,.note{font-size:12px;color:#4e6655}.eyebrow{letter-spacing:.12em;font-weight:700}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}button,select{color:inherit;background:#fff;border:1px solid #c7d7bd;border-radius:12px;padding:8px 12px;min-height:44px;font:inherit}
button{cursor:pointer}button[aria-pressed=true]{background:#a8d65d;border-color:#a8d65d}
article,details{border:1px solid #dce5d4;border-radius:18px;background:#fff;padding:14px;margin:10px 0}
article p{white-space:pre-wrap;overflow-wrap:anywhere}article .note{margin:0;font-weight:600}
.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}summary{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #24352a;outline-offset:2px}