:root{color:#172838;background:#f5f7f2;font:17px/1.7 Yu Gothic,Hiragino Sans,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:#17604c;text-underline-offset:4px}.shell{max-width:950px;margin:0 auto;padding:0 24px 40px}.brand{align-items:center;gap:12px;padding:20px 0;font-weight:750;display:flex}.brand span{color:#fff;background:#184f43;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.hero{background:#e5efe5;border:1px solid #d7e3d8;border-radius:24px;grid-template-columns:1fr 210px;align-items:center;gap:28px;margin-bottom:24px;padding:34px;display:grid}.hero img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;height:auto}.eyebrow{color:#285b49;margin:0;font-size:.9rem;font-weight:800}h1,h2{letter-spacing:-.025em;line-height:1.3}h1{margin:10px 0 16px;font-size:clamp(1.8rem,4vw,3.2rem)}h2{margin:0;font-size:1.35rem}.hero p:last-child{max-width:38em;margin:0}.panel{background:#fff;border:1px solid #dbe5db;border-radius:20px;margin-bottom:20px;padding:26px 32px}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.muted{color:#4b5e58}.notice{color:#493a18;background:#f8f3dd;border-radius:9px;padding:12px 15px}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin:17px 0 6px;font-weight:750;display:block}select,textarea{color:#172838;background:#fff;border:1px solid #889c91;border-radius:9px;width:100%;padding:10px 12px;display:block}textarea{resize:vertical}:disabled{cursor:not-allowed;opacity:.62}:focus-visible{outline-offset:3px;outline:3px solid #bc7800}details{margin:16px 0 0}summary{cursor:pointer;color:#285b49}.check{align-items:flex-start;gap:10px;font-weight:500;display:flex}.check input{accent-color:#175948;flex:none;width:20px;height:20px;margin-top:5px}button{cursor:pointer;border-radius:9px;padding:9px 14px;font-weight:750}.primary{color:#fff;background:#175948;border:1px solid #175948;margin-top:12px;padding:12px 20px;display:inline-block}.quiet{color:#194f40;background:#fff;border:1px solid #8da69a}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f2f6f1;border-radius:10px;padding:18px}.delete{margin-top:18px}footer{padding-top:8px;font-size:.95rem}@media (max-width:630px){.shell{padding-inline:14px}.hero{grid-template-columns:1fr 94px;gap:12px;padding:18px}.panel{padding:19px}.hero img{align-self:start}.brand{font-size:.95rem}button{min-height:44px}}
