:root{--ink:#233d3d;--muted:#5e706d;--line:#dbe3df;--teal:#16776e;--paper:#f5f7f3;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:#236e69}button,select,input{font:inherit;border:1px solid #bdcdc5;border-radius:6px;background:white;padding:9px 11px;color:var(--ink);min-height:40px}button,a,select{cursor:pointer}button:hover,a:hover{color:#087368}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #cc902f;outline-offset:2px}[hidden]{display:none!important}.skip{position:absolute;top:-90px}.skip:focus{top:4px;z-index:20;background:white;padding:10px}header{padding:20px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:white;gap:20px}.brand{font:650 24px Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{color:#578c77}.brand small{display:block;font:10px system-ui;letter-spacing:2px;margin-top:7px}header nav{display:flex;gap:20px;font-size:13px}main{max-width:1580px;margin:auto;padding:24px 4%}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font:400 clamp(25px,3vw,37px) Georgia,serif;margin:10px 0}h2{font-size:18px;margin:6px 0 13px}h3{font-size:17px}p{color:var(--muted);font-size:14px;line-height:1.6}#intro{margin:8px 0 20px}#breadcrumbs{font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:15px 0}.controls label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:6px;flex:1 1 120px;min-width:0}.controls select,.controls input{width:100%;font-size:13px}#crop{min-width:100px}.modes{display:flex}.modes button{font-size:13px;border-radius:0}.modes button:first-child{border-radius:6px 0 0 6px}.modes button:last-child{border-radius:0 6px 6px 0}.modes [aria-pressed=true]{background:var(--ink);color:white}.selection-summary{font-size:13px;margin:0 0 10px}#status{font-size:13px;color:var(--muted);padding-bottom:10px;min-height:27px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:16px;align-items:stretch}#map-panel,aside{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-width:0}#map{height:450px;position:relative;background:#e9eff0}.legend{padding:14px 20px}#legend-title{font-size:13px}#legend-ramp{height:12px;margin:10px 0 5px;border-radius:3px}#legend-ticks{display:flex;justify-content:space-between;font-size:11px}#map-note{font-size:11px;margin-bottom:0}.list-heading{padding:16px;border-bottom:1px solid var(--line)}.list-heading h2{font-size:15px}.list-heading input{width:100%;font-size:12px}#locations{height:474px;overflow:auto}.location{display:block;width:100%;text-align:left;text-decoration:none;border:0;border-bottom:1px solid #edf0ed;border-radius:0;padding:12px 16px;background:white;font-size:13px}.location:hover,.location.active{background:#eaf2eb}.location small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.4}.location .row{display:flex;justify-content:space-between;gap:8px}.chip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.notes,.advanced-panel{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:10px;background:white}.notes{max-width:1100px}.notes>h2{font:24px Georgia,serif}.advanced-panel .controls label{flex:1 1 150px}.advanced-panel .controls{align-items:start}details{margin:15px 0;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-size:13px;font-weight:600}footer{padding:25px 4%;color:var(--muted);font-size:12px}#overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end}.scrim{position:absolute;inset:0;background:#132a2b66}#dialog{position:relative;width:min(950px,94vw);height:100%;overflow:auto;background:#fafbf8;box-shadow:-10px 0 45px #122e2d30;padding:24px 30px;overscroll-behavior:contain}.dialog-top{display:flex;align-items:start;gap:15px;justify-content:space-between;position:sticky;top:-24px;z-index:2;background:#fafbf8;padding:15px 0;border-bottom:1px solid var(--line)}.dialog-top h2{font:26px Georgia,serif}.dialog-top button{font-size:12px;white-space:nowrap}.chart-box{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:10px 0}.chart-box svg{width:100%;display:block;max-height:350px}.chart-key{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.observed-key{color:#14796d}.enso-key{color:#ad6427}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.stat{padding:15px;border:1px solid var(--line);border-radius:7px;background:white}.stat strong{font-size:23px;display:block}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.result{background:#e9f1e9;border-left:3px solid #629783;padding:16px 20px;border-radius:4px;margin:18px 0}.result strong{font-size:26px}.result p{margin:6px 0}.flag{display:inline-block;padding:4px 8px;background:#f5e4c4;color:#77521b;border-radius:4px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:right;padding:7px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child,th:first-child{text-align:left}.empty{padding:16px}.error{color:#993c26!important}body.modal-open{overflow:hidden}body[data-mode=simple] .advanced-only{display:none}button:disabled,select:disabled{opacity:.55;cursor:default}.maplibregl-popup-content{font:12px/1.6 system-ui;max-width:280px;border-radius:6px}
@media(max-width:900px){main{padding:20px}.workspace{grid-template-columns:minmax(0,1fr) 235px}header{padding:16px 20px}#map{height:400px}#locations{height:424px}.brand{font-size:21px}header nav{gap:12px;font-size:12px}}
@media(max-width:650px){header{align-items:start;flex-direction:column;gap:12px}main{padding:14px}.heading{align-items:start}.heading>button{font-size:11px;padding:7px}.controls{gap:9px}.controls label{flex-basis:40%}.workspace{display:block}#map{height:340px}aside{margin-top:12px}#locations{height:230px}.legend{padding:12px}#legend-ticks{font-size:10px}#dialog{width:100%;padding:12px 14px}.dialog-top{top:-12px}.dialog-top h2{font-size:21px}.stats{gap:5px}.stat{padding:10px}.stat strong{font-size:18px}.notes,.advanced-panel{padding:15px}.chart-box svg{min-height:190px}.modes{flex:1}.modes button{flex:1}#selection-summary{font-size:12px}.dialog-top button{white-space:normal;max-width:125px}}

.common-years{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin:12px 0}.common-years input{width:auto;min-height:0}

@media(max-width:650px){.chart-box svg{font-size:18px!important}}

.legend{border-bottom:1px solid var(--line)}#map-note{margin:10px 14px;font-size:11px;color:var(--muted);line-height:1.5}

.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px}.map-toolbar button{font-size:12px;white-space:nowrap}

#color-range-note{font-size:11px;line-height:1.45;margin:8px 0 0;color:var(--muted)}