/* ENSO tracker (enso.html). Tokens from mf.css; layout patterns from errormaps. */
:root{--eln:#c8423a;--eln-2:#e58a7f;--lan:#2f6fb5;--lan-2:#86aedb;--neu:#b9b4a8;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300}
.en-main{padding-top:44px;padding-bottom:30px}
.en-head{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}
.en-head h1{margin:6px 0 0;font-size:30px;font-weight:600;letter-spacing:-.018em;line-height:1.15}
.en-head .kicker{margin:0;font-size:10.5px;text-transform:uppercase}
.en-head .note{font:500 11.5px var(--mono);color:var(--ink-3)}
.en-sum{margin:20px 0 8px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px 18px 12px}
.en-status{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.en-pill{display:inline-block;padding:6px 12px;border-radius:999px;font:700 12px Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:var(--line-2);color:var(--ink);white-space:nowrap}
.en-pill.eln{background:#c8423a1f;color:#8f2620;box-shadow:inset 0 0 0 1px #c8423a66}
.en-pill.lan{background:#2f6fb51f;color:#1d4c82;box-shadow:inset 0 0 0 1px #2f6fb566}
.en-status p{margin:2px 0 0;flex:1 1 320px;font-size:15px;line-height:1.55;color:var(--ink)}
.en-status p small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:4px}
.en-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0 6px}
.en-tile{border:1px solid var(--line-2);border-radius:5px;padding:10px 12px;background:var(--bg)}
.en-tile .k{font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
.en-tile .v{font:700 26px var(--mono);letter-spacing:-.02em;margin:3px 0 1px;color:var(--ink)}
.en-tile .v small{font-size:13px;font-weight:500;color:var(--ink-3)}
.en-tile .d{font-size:11.5px;color:var(--ink-2);line-height:1.4}
.en-canada{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:12px 0 6px;max-width:100ch}
.en-fine{font-size:11.5px;line-height:1.55;color:var(--ink-3);margin:8px 0 2px;max-width:110ch}
.en-toc{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.en-toc a{font-size:12px;font-weight:500;color:var(--ink-2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--card)}
.en-toc a:hover{background:var(--line-2)}
.en-h{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:34px 0 12px;scroll-margin-top:80px}
.en-h4{font-size:12.5px;font-weight:600;margin:18px 0 8px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}
.en-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 16px 12px;min-width:0;margin-bottom:16px}
.en-card h3{margin:0;font-size:14px;font-weight:600}
.en-sub{margin:5px 0 10px;font-size:11.8px;line-height:1.5;color:var(--ink-3)}
.en-note{font-size:12.5px;color:var(--ink-2);line-height:1.65;margin:10px 0 2px;max-width:110ch}
.en-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.en-grid2>.en-card{margin-bottom:16px}
.en-cardhead{display:flex;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;align-items:flex-start}
.en-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 8px}
.en-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--card)}
.en-seg button{border:0;border-left:1px solid var(--line);background:none;min-height:36px;padding:0 11px;font:500 12px Inter,system-ui,sans-serif;color:var(--ink-2);cursor:pointer}
.en-seg button:first-child{border-left:0}
.en-seg button:hover{background:var(--line-2)}
.en-seg button[aria-pressed="true"]{background:var(--navy);color:#f8f6f1}
.en-chart{position:relative;width:100%;min-height:240px}
.en-chart.en-tall{min-height:340px}
.en-chart.en-gauge{min-height:130px}
.en-chart svg{display:block;width:100%;height:auto;overflow:visible}
.en-chart text{font:500 10.5px Inter,system-ui,sans-serif;fill:var(--ink-3)}
.en-chart .ax{stroke:#8f939980;stroke-width:1}
.en-chart .gr{stroke:#14171c14;stroke-width:1}
.en-chart .zero{stroke:#14171c66;stroke-width:1}
.en-chart .thr{stroke:#14171c59;stroke-width:1;stroke-dasharray:4 3}
.en-chart .xh{stroke:#14171c80;stroke-width:1;pointer-events:none}
.en-chart text.lab{fill:var(--ink-2);font-weight:600}
.en-chart text.ttl{fill:var(--ink-2);font-size:10px;letter-spacing:.04em}
.en-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--ink-2);margin:2px 0 6px}
.en-legend span{display:inline-flex;align-items:center;gap:6px;cursor:default}
.en-legend i{display:inline-block;width:14px;height:10px;border-radius:2px}
.en-legend i.ln{height:2px;background:var(--ink)}
.en-legend i.ln.obs{background:none;border-top:2px dashed var(--ink-3);height:0}
.en-legend i.band.b90{background:#c8423a26}.en-legend i.band.b70{background:#c8423a4d}.en-legend i.band.b50{background:#c8423a80}
.en-legend .ln2{width:16px;height:3px;border-radius:2px}
.en-fig{margin:6px 0 4px;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;background:#fffefb}
.en-fig img{display:block;width:100%;height:auto}
.en-camap{max-width:920px}
.en-slider{display:flex;align-items:center;gap:10px;margin:8px 0 2px}
.en-slider input[type=range]{flex:1;min-width:0;accent-color:var(--navy)}
.en-slider button{width:38px;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--card);cursor:pointer;font-size:13px;color:var(--ink-2)}
.en-mono{font:600 12px var(--mono);color:var(--ink-2);min-width:76px;text-align:right}
.en-bars{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.en-bar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center}
.en-bar b{font:600 11.5px var(--mono);color:var(--ink-2)}
.en-bar .row{display:flex;height:22px;border-radius:3px;overflow:hidden;gap:2px;background:var(--card)}
.en-bar .row span{display:flex;align-items:center;justify-content:center;font:600 10.5px var(--mono);color:#fff;min-width:0;overflow:hidden;white-space:nowrap}
.en-bar .row span.dk{color:var(--ink)}
.en-peaks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.en-peaks h4{grid-column:span 1;margin:4px 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.en-pk{display:grid;grid-template-columns:62px minmax(0,1fr) 40px;gap:6px;align-items:center;font-size:11.5px;color:var(--ink-2)}
.en-pk .bar{height:12px;border-radius:0 3px 3px 0;background:var(--neu)}
.en-pk.eln .bar{background:var(--eln-2)}.en-pk.lan .bar{background:var(--lan-2)}
.en-pk.cur{font-weight:700;color:var(--ink)}
.en-pk.cur .bar{box-shadow:0 0 0 2px var(--ink)}
.en-pk.eln.cur .bar{background:var(--eln)}.en-pk.lan.cur .bar{background:var(--lan)}
.en-pk span:last-child{font-family:var(--mono);text-align:right}
.en-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.en-scroll{max-height:460px;overflow-y:auto;border:1px solid var(--line-2);border-radius:4px}
.en-t{border-collapse:collapse;width:100%;font-size:12px;min-width:560px}
.en-t th,.en-t td{padding:6px 8px;border-bottom:1px solid var(--line-2);text-align:right;white-space:nowrap}
.en-t th{position:sticky;top:0;background:var(--card);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;cursor:pointer}
.en-t th:first-child,.en-t td:first-child,.en-t td.l,.en-t th.l{text-align:left}
.en-t td{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.en-t td.w{color:#a3322b;font-weight:700}.en-t td.c{color:#245e9e;font-weight:700}
.en-t td.ns{opacity:.55}
.en-det{margin-top:8px}.en-det summary{cursor:pointer;font-size:12px;color:var(--ink-2);padding:6px 0}
.en-lit ul{margin:8px 0 4px 18px;padding:0;font-size:13px;line-height:1.65;color:var(--ink-2)}
.en-lit li{margin-bottom:6px}
.en-lit p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:8px 0 0}
.en-src ul{margin:6px 0 4px 18px;padding:0;font-size:12.5px;line-height:1.65;color:var(--ink-2)}
.en-src li{margin-bottom:5px}
.en-refs li{font-size:12px}
#caFilter{height:38px;border:1px solid var(--line);border-radius:4px;padding:0 10px;font-size:12.5px;min-width:0;width:280px;max-width:100%;background:var(--card);color:var(--ink)}
.en-tip{position:fixed;z-index:50;pointer-events:none;max-width:300px;background:var(--navy);color:#f3f1ec;border-radius:5px;padding:8px 10px;font-size:11.5px;line-height:1.45;box-shadow:0 6px 20px #0003}
.en-tip b{color:#fff}
@media(max-width:900px){.en-grid2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.en-main{padding-top:26px}.en-head h1{font-size:24px}.en-peaks{grid-template-columns:minmax(0,1fr)}.en-tile .v{font-size:22px}.en-sum{padding:14px 12px 10px}.en-card{padding:14px 12px 10px}}