*{box-sizing:border-box}body{margin:0;background:#f2f5f1;color:#15342d;font:16px system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:45px 24px}header{margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#4d7465}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-2px;margin:12px 0}header p{color:#587266}.notice{border-left:4px solid #bc8a30;background:#fff6e3;padding:16px;margin:14px 0;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}article,.panel{background:white;border:1px solid #dce5dc;border-radius:16px;padding:24px}article small,article span{display:block;color:#62796c}article strong{display:block;font-size:26px;margin:12px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}h2{font-size:20px}button,input{border:1px solid #cbd9cf;border-radius:8px;padding:10px;background:white;color:#15342d;font:inherit}button{cursor:pointer}.selected,button:hover{background:#155f4a;color:white}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}label{display:grid;gap:5px;font-size:13px}#chart svg{width:100%;height:auto;display:block}.legend,footer{font-size:13px;color:#64796e;line-height:1.6}footer{margin-top:24px}a{color:#155f4a}@media(max-width:750px){.cards{grid-template-columns:1fr}main{padding:25px 15px}article strong{font-size:24px}.panel{padding:16px}}