﻿/* Polar vortex + teleconnections (polarvortex.html). Builds on mf-enso.css (same family); only the extras live here. */
.en-pill.ssw{background:#c8423a1f;color:#8f2620;box-shadow:inset 0 0 0 1px #c8423a66}
.en-pill.watch{background:#eda1002a;color:#7a5200;box-shadow:inset 0 0 0 1px #eda10077}
.en-pill.weak{background:#eb68341f;color:#8a3a14;box-shadow:inset 0 0 0 1px #eb683466}
.en-pill.strong{background:#2f6fb51f;color:#1d4c82;box-shadow:inset 0 0 0 1px #2f6fb566}
.en-pill.normal,.en-pill.summer{background:var(--line-2);color:var(--ink)}
.pv-grid{display:grid;grid-template-columns:minmax(0,0.88fr) minmax(0,1.12fr);gap:16px;align-items:start}
.pv-grid>.en-card{margin-bottom:0}
.pv-fig{background:#fffefb}
.pv-slidercard{position:sticky;bottom:8px;z-index:5;margin-top:10px;padding:8px 14px;box-shadow:0 6px 18px #0000001a}
.pv-slider{margin:0}
.pv-slider .en-mono{min-width:220px}
.pv-tight{margin-top:4px}
.pv-short{min-height:150px}
.pv-inline{margin:0}
.pv-sel{font-size:12px;color:var(--ink-2);display:inline-flex;gap:6px;align-items:center}
.pv-sel select{height:34px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font:500 12px Inter,system-ui,sans-serif;padding:0 6px}
.pv-tele{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.pv-tele>.en-card{margin-bottom:0;display:flex;flex-direction:column}
.pv-tele .pv-val{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:6px 0 2px}
.pv-tele .pv-val b{font:700 24px var(--mono);color:var(--ink)}
.pv-tele .pv-val span{font-size:11.5px;color:var(--ink-3)}
.pv-tele p.pv-mean{font-size:12.5px;line-height:1.55;color:var(--ink-2);margin:6px 0}
.pv-t{min-width:0}
.pv-t td.w{color:#a3322b;font-weight:700}.pv-t td.c{color:#245e9e;font-weight:700}
.pv-t td.ns{opacity:.5;font-weight:500}
.pv-t td.l,.pv-t th.l{text-align:left;white-space:normal}
.pv-mjo{max-width:460px;margin:0 auto}
.pv-mjo svg{display:block;width:100%;height:auto}
.pv-mjo text{font:500 10.5px Inter,system-ui,sans-serif;fill:var(--ink-3)}
.pv-mjo text.ph{font-weight:700;fill:var(--ink-2);font-size:12px}
.pv-mjo text.reg{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
.pv-enso{font-size:13px;line-height:1.6;color:var(--ink-2)}
.pv-enso b{color:var(--ink)}
.pv-skill p{font-size:13px;line-height:1.65;color:var(--ink-2);margin:0;max-width:110ch}
.pv-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-bottom:16px}
.pv-reg{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 14px 10px}
.pv-reg h3{margin:0 0 8px;font-size:14px;font-weight:600}
.pv-reg .wk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.pv-reg .wk div{border:1px solid var(--line-2);border-radius:4px;padding:6px 8px;background:var(--bg)}
.pv-reg .wk small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pv-reg .wk b{font:700 15px var(--mono);color:var(--ink)}
.pv-reg .wk b.w{color:#a3322b}.pv-reg .wk b.c{color:#245e9e}
.pv-reg p{font-size:12.5px;line-height:1.55;color:var(--ink-2);margin:4px 0}
.pv-reg ul{margin:4px 0 0 16px;padding:0;font-size:12px;line-height:1.5;color:var(--ink-2)}
.en-chart .band1{fill:#14171c0f}.en-chart .band2{fill:#14171c1c}
.en-chart .mem{fill:none;stroke-width:1;opacity:.35}
@media(max-width:1000px){.pv-tele{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.pv-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.pv-slider .en-mono{min-width:0;font-size:11px}.pv-slidercard{padding:6px 10px}.pv-reg .wk b{font-size:13px}}
/* hideable map legends (button, L key, remembered; collapses to a corner chip) */
.en-fig{position:relative}
.pv-leg{position:absolute;left:8px;bottom:8px;width:min(440px,calc(100% - 16px));box-sizing:border-box;background:#fffefbeb;border:1px solid var(--line);border-radius:5px;padding:7px 28px 6px 9px;box-shadow:0 2px 10px #0000001a;font-size:10.5px;color:var(--ink-2)}
.pv-legbar{display:flex;height:10px;border-radius:2px;overflow:hidden}
.pv-legbar i{display:block;height:100%}
.pv-leglab{position:relative;height:13px;margin:1px 6px 0}
.pv-leglab span{position:absolute;transform:translateX(-50%);font:600 9.5px var(--mono);color:var(--ink-3)}
.pv-legnote{margin-top:3px;line-height:1.35}
.pv-legx{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;background:none;font-size:15px;line-height:1;color:var(--ink-3);cursor:pointer;border-radius:3px}
.pv-legx:hover{background:var(--line-2)}
.pv-legchip{display:none;border:0;background:none;font:600 11px Inter,system-ui,sans-serif;color:var(--ink-2);cursor:pointer;padding:4px 8px}
.pv-leg.off{padding:0;width:auto}
.pv-leg.off .pv-legbody,.pv-leg.off .pv-legx{display:none}
.pv-leg.off .pv-legchip{display:block}
.pv-miss{margin:0;padding:40px 16px;text-align:center;font-size:13px;color:var(--ink-3)}
@media(max-width:560px){.pv-leg{left:4px;bottom:4px;width:calc(100% - 8px);padding:5px 24px 4px 6px}.pv-legnote{display:none}}
