:root{font:16px/1.55 system-ui,sans-serif;color:#173b35;background:#f2f5f2}*{box-sizing:border-box;min-width:0}body{margin:0}header{background:#123d36;color:white;padding:20px max(18px,calc((100% - 1040px)/2));display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-size:25px;letter-spacing:2px;font-weight:800;color:white;text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:3px}main{max-width:1040px;margin:24px auto;padding:0 16px}nav,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}nav a{font-size:14px}nav form{margin-left:auto}h1{font-size:clamp(24px,4vw,36px);letter-spacing:-1px}h2{font-size:22px;margin:8px 0}p{overflow-wrap:anywhere}a{color:#176a58}section,.panel,details,.card{background:white;border:1px solid #dbe5de;border-radius:16px;padding:22px;margin:16px 0}.narrow{max-width:480px;margin:40px auto}label{display:block;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #b7c9c1;border-radius:9px;font:inherit;background:white;color:#173b35;margin-top:6px}input[type=file]{font-size:14px}textarea{resize:vertical}.check{display:flex;align-items:center;gap:12px}.check input{width:22px;height:22px}button,.button{display:inline-block;padding:13px 18px;background:#176a58;color:white;border:0;border-radius:9px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;min-height:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}.secondary{background:#e9f0eb;color:#173b35}.danger{background:#993c36}.notice{padding:16px;background:#fff0cc;border-radius:10px}.summary,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.summary section{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;text-decoration:none}.card p{margin:8px 0}.badge{display:inline-block;border-radius:20px;background:#e9f0eb;padding:5px 11px;font-size:13px}.muted,small{color:#627a71;font-size:13px}.brand small{color:#b8d3c4}summary{cursor:pointer;font-weight:700;min-height:44px}footer{padding:30px 16px;text-align:center;color:#627a71}@media(max-width:600px){header{padding:16px}nav{display:grid;grid-template-columns:1fr 1fr}nav a{padding:10px;background:#e5ede6;border-radius:8px}nav form{margin:0}nav button{width:100%}.actions>*{flex:1 1 100%}section,.panel,details,.card{padding:17px}.narrow{margin:16px auto}}
