.economy{max-width:1300px;margin:auto;padding:48px 6% 80px}.economy h1{max-width:850px}.lead{color:var(--muted);max-width:700px}.controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:36px 0 22px}.economy label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}.economy select,.economy button{font:inherit;background:#18262f;color:var(--text);border:1px solid #536571;border-radius:3px;min-height:44px;padding:9px 14px}.economy select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.economy button{cursor:pointer}.economy button:hover{background:#2a4b63}.economy button:disabled{opacity:.5;cursor:wait}.resource-picker{display:flex;align-items:center;gap:10px}.resource-picker img{object-fit:contain}.mode-note{color:var(--accent);font-size:13px;font-weight:650}.status-line{border-top:1px solid var(--line);padding:14px 0 20px}.status-line p{margin:0}.status-line small{color:var(--muted)}#demo-options{padding-bottom:24px}#demo-options label{max-width:280px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-line h2{font-size:28px}.section-line span,.caption{color:var(--muted);font-size:13px}.map-tools{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:14px}.map-tools button{font-size:13px}#map{display:block;width:100%;height:auto;min-height:240px;background:#111d25;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:590px}.region-cell{cursor:pointer}.region-cell:focus{outline:none}.region-cell:focus rect,.region-cell:hover rect{stroke:#fff;stroke-width:4px}.legend{display:flex;align-items:center;gap:15px;font-size:12px;margin:15px 0;flex-wrap:wrap}.gradient{width:180px;max-width:30%;height:10px;background:linear-gradient(90deg,rgb(53,113,148),rgb(244,161,66))}.no-price{margin-left:auto;color:var(--muted)}.metrics{display:flex;gap:60px;margin:35px 0 8px;border-top:1px solid var(--line);padding-top:25px}.metrics span{display:block;font-size:13px;color:var(--muted)}.metrics strong{font-size:25px;font-weight:600}.history{margin-top:60px}.big-price{font-size:38px;letter-spacing:-1px;color:var(--accent)}#detail-note{font-size:13px;color:var(--muted)}#chart{width:100%;max-height:310px;background:#111d25;display:block}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:14px 0}.explanation{margin-top:60px;max-width:850px}.explanation h2{font-size:27px}.explanation p{color:var(--muted);font-size:15px}@media(max-width:650px){.economy{padding-top:32px}.economy h1{font-size:36px}.controls{gap:16px;display:grid;grid-template-columns:1fr 1fr}.controls select{width:100%;min-width:0}.resource-picker{gap:5px}.resource-picker img{width:28px;height:28px}.section-line{display:block}.section-line h2{font-size:25px}.section-line label{margin-bottom:16px}.metrics{display:block}.metrics>div{margin-bottom:20px}.legend{gap:9px}.no-price{margin-left:0;width:100%}.big-price{font-size:30px}#map{min-height:0}.history{margin-top:40px}}
.resource-picker img{background:#d6d8dc;border-radius:4px;padding:3px}.chart-scroll{overflow-x:auto} @media(max-width:650px){#chart{min-width:560px}.history .chart-scroll{border-bottom:1px solid var(--line)}}
.mode-note{position:sticky;top:0;z-index:2;background:#0b1216;padding:12px 0;border-bottom:1px solid var(--line)}
/* Geographic basemap and transparent regional overlays */
#map{height:540px;min-height:380px;max-height:none;width:100%;z-index:0;color:#14222c;background:#dce4e7;font-family:Segoe UI,Arial,sans-serif}.economy .leaflet-container a{color:#175176}.economy-price{background:#fffffff0;color:#14222c;border:1px solid #73818a;border-radius:3px;padding:3px 6px;font-size:12px;font-weight:700;box-shadow:none;white-space:nowrap}.economy-price:before{display:none}.economy .leaflet-control-attribution{font-size:11px;color:#26343e;background:#fffffff0}.economy .leaflet-control-attribution a{color:#175176;text-decoration:underline}.economy .leaflet-control-scale-line{color:#152b38;background:#ffffffd9;text-shadow:none}.city-search{margin:12px 0 0;max-width:680px}.city-search label{margin-bottom:7px}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;background:#18262f;color:#d6d8dc;border:1px solid #536571;border-radius:3px}.search-row input:focus-visible{outline:3px solid #f4a142;outline-offset:3px}.city-results{list-style:none;margin:0 0 18px;padding:0;max-width:680px}.city-results button{width:100%;text-align:left;border-radius:0}.city-results li+li{margin-top:5px}#search-status,#map-status{font-size:13px;color:var(--muted);margin:8px 0}#map-status:empty{display:none}.opacity-control{display:flex!important;flex-direction:row!important;align-items:center;gap:12px!important;flex-wrap:wrap;padding:14px 0}.opacity-control input{accent-color:#f4a142;min-height:30px;max-width:180px}.provider-note a{text-decoration:underline}#map path[role=button]:focus{outline:none;stroke:#101c27;stroke-width:5px}.mode-note{z-index:3}@media(max-width:650px){#map{height:430px;min-height:350px}.economy-price{font-size:11px;padding:2px 4px}.search-row button{padding:8px 12px}}

.resource-picker img{width:48px;height:48px;flex:none;background:transparent;padding:0}.resource-picker{min-width:0}.resource-picker select{min-width:0;max-width:100%}