*{box-sizing:border-box}body{margin:0;background:#eef0e4;color:#29434a;font:16px/1.5 system-ui,sans-serif}main{max-width:1160px;margin:auto;padding:28px}header{border-bottom:1px solid #9cae9e;margin-bottom:20px}h1{font:68px Georgia,serif;margin:0}h2{font:26px Georgia,serif;margin:0 0 14px}h3{font:21px Georgia,serif}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700}p{margin:8px 0 16px}.brief,.panel{background:#fffbed;border:1px solid #b6bea7;border-radius:14px;padding:22px}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}label{display:grid;gap:5px}button,select{font:inherit;min-height:46px;padding:9px 13px;border:1px solid #8ba59c;border-radius:8px;background:#fafbed;color:inherit;cursor:pointer}button:hover{background:#dce7da}button:focus-visible,select:focus-visible{outline:3px solid #a77d36;outline-offset:3px}.primary{background:#315e66;color:white}.primary:hover{background:#22434a}.landscape{height:240px;margin:22px 0;background:url('reservoir.webp') center/cover;border-radius:14px;position:relative;overflow:hidden;border:1px solid #8aa4a1}.landscape p{position:absolute;bottom:10px;left:16px;background:#fff9e7e8;padding:8px 14px;border-radius:6px;margin:0}#water{position:absolute;left:20px;top:20px;height:120px;width:26px;border:2px solid #fff7da;background:linear-gradient(to top,#24687e 45%,#ffffffb0 45%);border-radius:5px}#storage-label{position:absolute;left:34px;top:0;white-space:nowrap;background:#fff9e7e8;padding:5px 10px;border-radius:5px;font-weight:700}.layout{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.control{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8cfb8;padding:12px 0;gap:12px}.control small{display:block;color:#5b7067}svg{width:100%;display:block;margin:12px 0}#status{padding:14px;border-left:4px solid #a07c33;background:#e5e8d5}.metric{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d4d9c4}.metric b{font-variant-numeric:tabular-nums}.good{color:#286447}.bad{color:#9c452c}.muted{font-size:12px;color:#566c62}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:7px 4px;border-bottom:1px solid #d9ddca}th:first-child,td:first-child{text-align:left}details{padding:22px 0;margin-top:20px;border-top:1px solid #a9b8a4}summary{cursor:pointer;font-weight:700}a{color:#315e66}@media(max-width:800px){.layout{grid-template-columns:1fr}h1{font-size:52px}}@media(max-width:480px){main{padding:14px}.brief,.panel{padding:16px}.landscape{height:190px}.metric{font-size:14px}.toolbar button{flex:1}}