/* everywhere.news — Wire Atlas (design ref: option 9a) */
:root{
  --bg:#fbfcfe; --panel:#f4f7fb; --panel-bd:#e3e9f2;
  --text:#1c2b45; --head:#132A4F;
  --accent:#00A3C4; --accent-ink:#0891ae; --code:#0E7BD1;
  --muted:#8a94a6; --muted2:#55637a; --muted3:#33507a;
  --hairline:#e3e9f2; --hairline2:#eef2f7;
  --chip-bg:rgba(19,42,79,.07); --chip-fg:#33507a; --chip-on-bg:#132A4F; --chip-on-fg:#fff;
  --under-bg:rgba(0,163,196,.1); --under-fg:#0891ae;
  --input-bg:#fff; --input-bd:#d5deea; --input-text:#1c2b45; --ph:#98a4b5;
  --hover:rgba(0,163,196,.08);
  --land:#9db4d4; --pin-stroke:#fbfcfe; --label:#132A4F;
  --track:rgba(19,42,79,.08); --bar:rgba(0,163,196,.5); --bar-on:#00A3C4;
  --bar-fg:#55637a; --bar-fg-on:#0891ae;
  --dots:#c3cfdf; --btn-bd:#d5deea; --btn-fg:#132A4F;
  --tick-bar:rgba(0,163,196,.55); --divider:#dbe3ee;
}
[data-theme="dark"]{
  --bg:#0B1D3A; --panel:rgba(255,255,255,.03); --panel-bd:rgba(255,255,255,.07);
  --text:#dbe6f5; --head:#E8F0FA;
  --accent:#22C3E6; --accent-ink:#7fd6ea; --code:#7fd6ea;
  --muted:#5f7392; --muted2:#6c7f9c; --muted3:#7fa6d7;
  --hairline:rgba(255,255,255,.08); --hairline2:rgba(255,255,255,.05);
  --chip-bg:rgba(255,255,255,.07); --chip-fg:#7fd6ea; --chip-on-bg:#22C3E6; --chip-on-fg:#0B1D3A;
  --under-bg:rgba(255,255,255,.07); --under-fg:#7fd6ea;
  --input-bg:rgba(255,255,255,.06); --input-bd:rgba(255,255,255,.14); --input-text:#E8F0FA; --ph:#5f7392;
  --hover:rgba(34,195,230,.07);
  --land:rgba(127,166,215,.55); --pin-stroke:#0B1D3A; --label:#E8F0FA;
  --track:rgba(255,255,255,.08); --bar:rgba(127,214,234,.55); --bar-on:#22C3E6;
  --bar-fg:#7fa6d7; --bar-fg-on:#22C3E6;
  --dots:#3d5a85; --btn-bd:rgba(255,255,255,.2); --btn-fg:#E8F0FA;
  --tick-bar:rgba(34,195,230,.55); --divider:rgba(255,255,255,.15);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:var(--accent-ink)}a:hover{color:var(--accent)}
button{font-family:inherit;background:none;border:none;padding:0;color:inherit;cursor:pointer}
.mono{font-family:'IBM Plex Mono',monospace;font-feature-settings:"tnum" 1,"zero" 1}
.page{max-width:1180px;margin:0 auto;min-height:100vh;border-left:1px solid var(--hairline2);border-right:1px solid var(--hairline2)}
@keyframes ewPulse{from{transform:scale(.4);opacity:.9}to{transform:scale(1.9);opacity:0}}
@keyframes ewBlink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes ewTickIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes ewTickBar{from{width:0}to{width:100%}}
/* header */
.hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:10px;column-gap:16px;padding:16px 22px;border-bottom:1px solid var(--hairline)}
.brand{display:flex;flex-direction:column;gap:3px}
.brand-row{display:flex;align-items:baseline;gap:10px}
.wordmark{font-size:21px;font-weight:700;letter-spacing:-0.01em;color:var(--head);text-decoration:none}
.wordmark:hover{color:var(--head)}
.tld{color:var(--accent)}
.live{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--accent-ink)}
.live .blink-dot{display:inline-block;vertical-align:.5px;margin-right:4px}
[data-theme="dark"] .live{color:var(--accent)}
.blink-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:ewBlink 1.6s infinite}
.blink-dot.sm{width:5px;height:5px}
.tagline{font-size:13px;color:var(--muted3)}
[data-theme="light"] .tagline{color:var(--muted2)}
.hd-right{display:flex;align-items:baseline;gap:14px}
.dateline{font-size:11.5px;color:var(--muted2)}
[data-theme="light"] .dateline{color:var(--muted)}
.theme-pill{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--input-bd);border-radius:20px;padding:2px}
[data-theme="dark"] .theme-pill{border-color:rgba(255,255,255,.18)}
.tp{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}
.tp.moon{font-size:11px}
[data-theme="dark"] .tp.moon{background:rgba(34,195,230,.22);color:#22C3E6}
[data-theme="light"] .tp.sun{background:rgba(0,163,196,.15);color:#0891ae}
/* filter bar */
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 22px;border-bottom:1px solid var(--hairline2)}
.chip{cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:3px;background:var(--chip-bg);color:var(--chip-fg);user-select:none}
.chip i{font-style:normal;opacity:.6}
.chip.active{background:var(--chip-on-bg);color:var(--chip-on-fg)}
.chip.under{background:var(--under-bg);color:var(--under-fg)}
.chip.under.active{background:var(--chip-on-bg);color:var(--chip-on-fg)}
.divider{width:1px;height:16px;background:var(--divider);margin:0 4px}
#search{margin-left:auto;flex:1 1 170px;min-width:150px;max-width:260px;padding:5px 10px;border:1px solid var(--input-bd);border-radius:4px;background:var(--input-bg);color:var(--input-text);font-family:'Archivo',sans-serif;font-size:11.5px;outline:none}
#search::placeholder{color:var(--ph)}
/* map + panel */
.maprow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:18px 22px 4px}
.mapbox{flex:1 1 380px;min-width:0}
#map{display:block}
#mapZoom{transition:transform .8s cubic-bezier(.3,.7,.25,1)}
#coast{fill:none;stroke:var(--land);stroke-width:.9;stroke-linejoin:round;stroke-linecap:round}
.pin{fill:var(--accent);stroke:var(--pin-stroke)}
.pin-ring{fill:none;stroke:var(--accent)}
.pin-pulse{fill:none;stroke:var(--accent);animation:ewPulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.pin-label{fill:var(--label);paint-order:stroke;stroke:var(--pin-stroke);stroke-linejoin:round}
.panel{flex:1 1 280px;min-width:260px;max-width:330px;display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--panel-bd);border-radius:6px;padding:16px}
.bars{display:flex;flex-direction:column;gap:7px}
.bar-row{display:grid;grid-template-columns:110px 1fr 26px;gap:8px;align-items:center;cursor:pointer;padding:2px 4px;margin:-2px -4px;border-radius:4px}
.bar-row:hover{background:var(--hover)}
.bar-name{font-size:9.5px;font-weight:600;letter-spacing:.06em;color:var(--bar-fg)}
.bar-row.active .bar-name{color:var(--bar-fg-on)}
.bar-track{height:5px;background:var(--track);border-radius:2px;overflow:hidden;display:block}
.bar-fill{display:block;height:100%;background:var(--bar);border-radius:2px}
.bar-row.active .bar-fill{background:var(--bar-on)}
.bar-n{font-size:10px;color:var(--muted2);text-align:right;font-family:'IBM Plex Mono',monospace;font-feature-settings:"tnum" 1,"zero" 1}
[data-theme="light"] .bar-n{color:var(--muted)}
/* status */
.status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:2px 0 14px;font-size:11px;color:var(--muted2)}
[data-theme="light"] .status{color:var(--muted)}
.status-text{color:var(--accent-ink);font-weight:600}
.clear-btn{font-size:11px;color:var(--btn-fg);border:1px solid var(--btn-bd);padding:2px 8px;border-radius:3px}
.clear-btn.big{font-weight:600;padding:4px 12px}
/* wire */
.wire{padding:4px 22px 22px;display:flex;flex-direction:column}
.sep{display:flex;align-items:center;gap:10px;padding:16px 0 6px}
.sep span{font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--muted)}
.sep i{flex:1;height:1px;background:var(--hairline);display:block}
[data-theme="light"] .sep i{background:#e9eef5}
.row{display:grid;grid-template-columns:52px 150px 88px 1fr;gap:16px;align-items:baseline;padding:11px 6px;margin:0 -6px;border-bottom:1px solid var(--hairline2);border-radius:4px}
.row:hover,.row.hover,.lead.hover{background:var(--hover)}
.t-time{cursor:pointer;font-size:11.5px;color:var(--muted)}
.t-code{font-size:11px;font-weight:600;color:var(--code);cursor:pointer;letter-spacing:.06em;font-variant-caps:all-small-caps}
.t-cat{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.t-head{font-family:'Newsreader',Georgia,serif;font-size:16px;line-height:1.5;color:var(--text);text-wrap:pretty}
.t-head a{color:inherit;text-decoration:none}
[data-theme="dark"] .t-head{font-weight:500}
.t-head .src{color:var(--muted2);font-variant-caps:all-small-caps;letter-spacing:.03em}
[data-theme="light"] .t-head .src{color:var(--muted)}
.t-head .dots{font-size:8px;color:var(--dots);letter-spacing:2px}
/* lead spotlight — "meanwhile, elsewhere" promoted to hero */
.lead{display:block;padding:4px 6px 18px;margin:0 -6px 8px;border-bottom:1px solid var(--hairline);border-radius:4px}
.lead-in{animation:ewLeadIn .5s cubic-bezier(.2,.7,.3,1)}
.lead-eyebrow{display:flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.2em;color:var(--accent-ink);margin-bottom:14px}
[data-theme="dark"] .lead-eyebrow{color:var(--accent)}
.lead-eyebrow .lead-rule{flex:1;height:1px;background:currentColor;opacity:.28}
.lead-head{display:block;font-family:'Newsreader',Georgia,serif;font-size:31px;line-height:1.16;font-weight:500;letter-spacing:-0.005em;color:var(--head);text-decoration:none;text-wrap:balance}
.lead:hover .lead-head{color:var(--accent-ink)}
.lead-dl{margin-top:13px;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted2)}
.lead-dl .lc{color:var(--code);font-weight:600;font-size:12.5px;font-variant-caps:all-small-caps;letter-spacing:.05em;cursor:pointer}
.lead-dl .src{font-variant-caps:all-small-caps;letter-spacing:.04em}
.lead-dl .ex{color:var(--muted)}
.lead-dl .tago{color:var(--muted)}
.lead-bar{display:block;height:2px;margin-top:16px;border-radius:1px;background:var(--tick-bar);animation:ewTickBar 10s linear}
@keyframes ewLeadIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.u,.u-ph{color:var(--accent)}
.u-ph{display:none;font-size:10px}
.more{cursor:pointer;text-align:center;padding:14px 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--accent-ink)}
.empty{display:flex;flex-direction:column;gap:10px;align-items:center;padding:30px 0 18px}
.empty span{font-size:13px;color:var(--muted2)}
/* footer */
.ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 22px;border-top:1px solid var(--hairline)}
.ft-note{font-size:11px;color:var(--muted)}
.ft-links{display:flex;gap:18px;font-size:11px;font-weight:600}
.ft-links a{text-decoration:none;color:var(--muted)}
[data-theme="light"] .ft-links a{color:var(--muted2)}
.ft-links a.strong{color:var(--accent-ink)}
/* phone */
@media (max-width:560px){
  .dateline,.hint,.t-cat,.t-head .dots,.t-head .u{display:none}
  .u-ph{display:inline}
  .row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:5px;padding:12px 2px;margin:0}
  .t-time{font-size:10.5px}
  .t-code{font-size:10px}
  .t-head{flex-basis:100%;font-size:16.5px;line-height:1.46}
  .t-head .src{font-size:12px}
  .lead-head{font-size:23px}
  .lead-eyebrow{font-size:10px;gap:7px}
  .lead-dl{font-size:10.5px}
}