:root{font-family:system-ui,sans-serif;color:#19312b;background:#f3f6f3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:20px max(24px,calc((100vw - 1120px)/2));background:white;display:flex;align-items:center;gap:16px;border-bottom:1px solid #dce5de}h1{font-size:22px;margin:0}.logo{background:#174d3b;color:white;padding:13px 18px;border-radius:14px;font-weight:800}header button{margin-left:auto}main{max-width:1120px;margin:28px auto;padding:0 20px}section{background:white;border:1px solid #dce5de;border-radius:18px;padding:28px;margin-bottom:20px}.hero{background:#164c3b;color:white}.hero h2{font-size:36px;margin:12px 0}button{padding:11px 17px;border-radius:9px;border:1px solid #b6c9bd;background:#e7f3e9;color:#194e39;cursor:pointer;margin:5px}nav{display:flex;flex-wrap:wrap;margin:15px 0}input,textarea,select{font:inherit;width:100%;padding:12px;border:1px solid #b8c9bf;border-radius:8px;margin:7px 0 18px}textarea{min-height:100px}label{display:block;font-weight:600}.card{padding:18px;border-bottom:1px solid #e1e8e3;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.card strong{flex:1}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6f3;padding:15px;border-radius:8px}#notice{position:sticky;bottom:12px;background:#e6ecdb;padding:14px;border-radius:10px}small{letter-spacing:.06em}#overview{line-height:2}img{max-width:100%;max-height:320px;border-radius:10px}@media(max-width:600px){section{padding:18px}.hero h2{font-size:28px}header{padding:14px}button{padding:10px}}
