*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:#173c36;font:16px/1.7 system-ui,"Noto Sans JP",sans-serif}header{background:#153d36;color:white;padding:16px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}header a{color:white;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:16px}main{max-width:1080px;margin:auto;padding:26px 18px}.hero{background:#e8f2eb;border-radius:22px;padding:34px 30px}.hero span{letter-spacing:.16em;font-size:12px}.hero h1{font-size:clamp(27px,4vw,45px);line-height:1.4;margin:12px 0}.hero em{color:#087a68;font-style:normal}.caution{background:white;border-left:4px solid #bd833c;padding:14px}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:22px 0}.filters label{flex:1 1 180px}input,select,textarea,button{font:inherit;max-width:100%}input,select,textarea{width:100%;border:1px solid #aebeb7;border-radius:9px;padding:10px;background:white;color:#123}textarea{min-height:90px;resize:vertical}button{border:0;border-radius:10px;background:#126c59;color:white;padding:11px 15px;cursor:pointer}button:hover{background:#0d4c40}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:18px}.card{min-width:0;background:white;border:1px solid #dae5dc;border-radius:18px;padding:20px;box-shadow:0 8px 20px #193b3410}.card h2{font-size:20px;margin:0 0 8px}.meta{color:#5d7169;font-size:13px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.card label{display:block;font-size:14px;margin:8px 0}.card .question{margin:10px 0}.draft{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6f3;padding:12px;border-radius:10px;border:1px solid #dbe4dc;min-height:120px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.actions a{border:1px solid #126c59;border-radius:9px;color:#126c59;text-decoration:none;padding:9px 12px}footer{padding:26px;text-align:center;color:#63756d}@media(max-width:430px){header{padding:14px 16px}main{padding:16px 12px}.hero{padding:22px 18px}.row{grid-template-columns:1fr}.card{padding:15px}.actions>*{width:100%;text-align:center}}