:root{font-family:system-ui,sans-serif;color:#203d38;background:#f5f7f3;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #c7d5cb}.brand{font-size:1.4rem;font-weight:750}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:12px}.intro{color:#526961}section{background:white;border:1px solid #d8e1d8;border-radius:16px;padding:24px;margin-top:24px}h2{margin-top:0;font-size:1.25rem}dl{display:grid;grid-template-columns:1fr 2fr;gap:8px 20px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}label{display:block;font-weight:600}input,button{font:inherit;border-radius:8px;padding:10px 16px}input{border:1px solid #7d9488;max-width:100%;margin:8px 8px 8px 0}button{background:#245e4c;color:white;border:0;cursor:pointer;margin:8px 8px 8px 0}button:hover{background:#174a39}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ba6c26;outline-offset:3px}a{color:#245e4c}#notice{padding:14px 18px;background:#e8eee0;border-left:4px solid #758b45}footer{font-size:.9rem;color:#526961;margin-top:24px}#detail{border-top:1px solid #d8e1d8;margin-top:16px}[hidden]{display:none}