:root{color-scheme:dark;--bg:#041022;--panel:#0a2138;--edge:#214966;--blue:#25d2f7;--text:#eaf8ff;--muted:#a5c0cf}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#041022,#05192a 80%,#04101d);color:var(--text);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}a{color:#60d9ff;text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fbd15b;outline-offset:3px}.topbar{min-height:82px;display:flex;align-items:center;gap:30px;padding:12px 3%;border-bottom:1px solid #17415c;background:#051629;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:white;min-width:250px}.brand-globe{font-size:47px;color:#19d5f5;line-height:1}.brand b{font-size:18px;line-height:1.12;display:block}.brand small{display:block;font-size:10px;color:#83c3db;margin-top:4px}.topbar nav{display:flex;flex:1;justify-content:center;gap:20px;flex-wrap:wrap}.topbar nav a{font-size:13px;color:#cee4f0}.topbar select,select{background:#0b2a43;color:var(--text);border:1px solid #2a5a75;border-radius:9px;padding:10px}main{max-width:1600px;margin:auto;padding:20px 2.2% 50px}.ticker{display:flex;align-items:center;gap:11px;background:#0b253e;border:1px solid #236780;border-radius:12px;padding:10px 14px;min-height:56px}.ticker-head{display:flex;align-items:center;gap:8px;color:#86e9fa;white-space:nowrap;font-size:11px;letter-spacing:1px}.pulse,.good-dot{width:8px;height:8px;background:#30e5a5;border-radius:50%;display:inline-block;box-shadow:0 0 12px #20b983}.ticker-items{flex:1;min-width:0;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticker button{background:#123954;border:1px solid #286a84;border-radius:6px;color:#e6f6fc;font-size:25px;line-height:1;width:30px;height:30px}.hero{position:relative;min-height:326px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.9fr) minmax(190px,.45fr);align-items:center;gap:8px;margin:16px 0;background:radial-gradient(circle at 60% 35%,#0a4c7d 0%,#061d39 40%,#041428 80%);border:1px solid #215273;border-radius:18px;overflow:hidden;padding:25px 28px}.hero-copy{z-index:1}.eyebrow{color:#4cdefc;font-size:10px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(29px,3.1vw,52px);line-height:1.12;margin:12px 0 12px;letter-spacing:-.03em}.hero-lead{color:#c6dbea;max-width:620px;font-size:16px}.search-form{display:flex;gap:8px;margin-top:23px;max-width:700px}.search-form input{background:#12314a;border:1px solid #387495;color:#fff;border-radius:9px;min-width:0;flex:1;padding:15px}.search-form button,.bright-btn{border:0;border-radius:8px;background:#21c7ed;color:#042034;font-weight:800;padding:10px 18px}.hero-tools{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:13px;color:#adcfdb;flex-wrap:wrap}.hero-tools button{border:0;background:transparent;color:#49d8ef;padding:3px}.muted{color:var(--muted)}.tiny{font-size:12px}.hero-planet{position:relative;display:grid;place-items:center;height:270px}.planet{width:245px;height:245px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3bdcff77 0%,transparent 35%),radial-gradient(circle at 67% 70%,#0d848d 2%,transparent 24%),radial-gradient(circle at 39% 45%,#166c7f 3%,transparent 30%),radial-gradient(circle at 55% 52%,#0a3c72,#041b36 65%,#010b1b 95%);box-shadow:0 0 25px #19bfe895,inset -25px -19px 32px #001528;border:2px solid #31beed66;animation:planetGlow 8s linear infinite}.planet:after{content:' ';display:block;width:100%;height:100%;border-radius:50%;background:repeating-linear-gradient(110deg,transparent 0 32px,#0ecbe811 34px 38px);animation:rotateCloud 38s linear infinite}.orbit{position:absolute;width:330px;height:105px;border:1.5px solid #27d7fb88;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(25deg);opacity:.45}@keyframes rotateCloud{to{transform:rotate(360deg)}}@keyframes planetGlow{50%{box-shadow:0 0 36px #19bfe8,inset -25px -19px 32px #001528}}.hero-status{z-index:1;background:#071c30dd;border:1px solid #28516e;border-radius:11px;padding:15px;font-size:13px}.hero-status strong{font-size:11px;color:#51e1ff;letter-spacing:1px}.hero-status small{display:block;font-size:11px;color:#9bbcd0;margin-top:9px}.quickbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.quickbar a{display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:linear-gradient(150deg,#123450,#081d32);border:1px solid #28556e;border-radius:13px;color:#eaf7ff;font-size:22px}.quickbar a b{font-size:14px}.quickbar a small{font-size:11px;color:#a8c7d7}.panel{background:linear-gradient(130deg,#0c2b43,#071e34);border:1px solid #24506b;border-radius:14px;padding:17px;min-width:0}.main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,.8fr);gap:14px}.side-stack{display:grid;align-content:start;gap:14px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel h2{margin:0;font-size:19px}.map-switch{display:flex;gap:5px}.map-switch button{border:1px solid #30627c;background:#0c2b44;border-radius:6px;color:#b1d5e8;padding:7px 10px}.map-switch button.active{background:#1abfdf;color:#041724}#map{height:470px;background:#061c31;position:relative;border-radius:8px;overflow:hidden}.map-loading{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#a5cce0;pointer-events:none}.map-fallback{margin:10px 0;color:#ffd48e}.map-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;color:#abc7d8;font-size:12px}.map-bottom #map-count{margin-left:auto}.data-placeholder{color:#bdd1dd;padding:26px 10px}.source-pill{font-size:10px;color:#bde1fa;border:1px solid #39718a;border-radius:20px;padding:5px 8px}.weather-large{font-size:48px;font-weight:800;color:#71e3fc}.weather-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.weather-stats span{padding:9px;border-radius:8px;background:#092038;color:#bfd8e5;font-size:12px}.source-links{display:grid;gap:8px}.source-links a{border-bottom:1px solid #224a61;padding-bottom:7px}.mission-card{background:linear-gradient(130deg,#164963,#0a233b)}.mission-card p{color:#c1d8e6}.events-panel{margin-top:14px}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#bbd2df;font-size:12px}.filters select{padding:8px}.filters button{color:#f3f9ff;background:#15506a;border:1px solid #2b6a84;padding:8px 12px;border-radius:8px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.event-card{background:#0a2239;border:1px solid #29526c;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.event-card strong{font-size:15px}.event-card .kicker{font-size:10px;letter-spacing:1px;color:#77ddf4;text-transform:uppercase}.event-card .metadata{color:#9bbfce;font-size:12px}.event-card .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}.event-card .actions a,.event-card .actions button{background:#103d58;border:1px solid #37637c;color:#d6f4ff;padding:6px 10px;border-radius:7px;font-size:12px}.event-card .actions button{cursor:pointer}.event-card.earthquake{border-left:3px solid #f6737a}.event-card.flood{border-left:3px solid #57c5ff}.event-card.wildfire{border-left:3px solid #ff9b57}.columns-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.columns-two p{color:#c1d6e2}.columns-two button{margin-top:8px}footer{background:#041323;border-top:1px solid #1b4964;padding:32px 4%;display:flex;align-items:start;gap:20px;justify-content:space-between;flex-wrap:wrap}footer p{margin:7px 0;color:#b2d5e3}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.owner{font-weight:700;color:white!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1120px){.hero{grid-template-columns:1fr 270px}.hero-status{grid-column:1/-1}.topbar{flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%}.main-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,1fr)}.side-stack .mission-card{grid-column:1/-1}}@media(max-width:710px){.hero{grid-template-columns:1fr;padding:20px}.hero-planet{display:none}.quickbar{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:10px}.event-grid{grid-template-columns:1fr}.side-stack,.columns-two{grid-template-columns:1fr}.ticker-head strong{display:none}.search-form{flex-wrap:wrap}.search-form button{width:100%}#map{height:350px}.hero h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}} 
[hidden]{display:none!important}
/* Readable popups inside MapLibre map */
.maplibregl-popup-content{color:#13253b!important;font:13px/1.4 Segoe UI,Arial,sans-serif!important}.maplibregl-popup-content a{color:#075a83!important}

.main-grid{align-items:start}
/* V2.1: self-contained geographic renderer; independent of external tile libraries. */
#map{position:relative;isolation:isolate;background:#06172b}
#world-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}
#world-canvas:active{cursor:grabbing}
#hero-canvas{width:min(100%,350px);height:280px;display:block;filter:drop-shadow(0 0 24px #00c8f144)}
.hero-planet .orbit{pointer-events:none}
.map-loading{z-index:2;background:#061e34aa;text-align:center}
.map-controls{position:absolute;z-index:2;top:12px;right:12px;display:grid;gap:6px}
.map-controls button{background:#0b304ccc;border:1px solid #28708a;border-radius:7px;color:#e7f9ff;width:32px;height:32px;font-size:22px;line-height:1}
.map-event-details{position:absolute;bottom:14px;left:14px;right:14px;z-index:3;display:flex;flex-direction:column;gap:4px;background:#06192ff0;padding:15px 45px 15px 16px;border:1px solid #46a6c9;border-radius:10px;font-size:13px;box-shadow:0 8px 35px #0008}
.map-event-details strong{font-size:15px}.map-event-details button{position:absolute;right:8px;top:5px;font-size:24px;background:transparent;border:0;color:white}
.featured-panel{background:linear-gradient(145deg,#0b3859,#0a1d34);border-color:#1c97b2}.featured-panel h3{font-size:18px;margin:8px 0}.featured-panel p{color:#b9d6e4}.insight-icon{font-size:38px;background:#133b53;border-radius:14px;padding:10px;width:max-content}.insight-link{display:inline-block;margin-top:8px;padding:9px 13px;border-radius:7px;background:#0e526a;font-weight:700}
@media(max-width:720px){#hero-canvas{height:230px}.hero-planet{display:grid!important;height:220px}.hero-planet .orbit{width:260px}#map{height:340px}}
/* V2.3 user-first redesign: informative, accessible, all-critical-data-is-source-backed */
:root{--bg:#041425;--panel:#09243a;--edge:#245473;--blue:#30d8ff;--text:#edfaff;--muted:#aecbd9}
body{background:radial-gradient(ellipse at 72% 7%,#0c3151 0%,#061728 32%,#03101f 70%);letter-spacing:.005em}
.topbar{position:sticky;top:0;z-index:20;min-height:76px;padding:11px 3.1%;background:#061a2df4;backdrop-filter:blur(16px);box-shadow:0 8px 28px #0012225c;border-bottom:1px solid #215a79}
.topbar .brand{min-width:220px}.brand-globe{font-size:45px;text-shadow:0 0 18px #20e9ff3b}
.topbar nav{gap:18px}.topbar nav a{font-size:13px;color:#c4e0ed;font-weight:600;white-space:nowrap}
.topbar nav a:hover{color:#5de8fa}.header-actions{display:flex;align-items:center;gap:13px}.header-actions select{font-size:12px;padding:10px 12px;min-width:120px}.network-label{color:#acd6de;font-size:10px;white-space:nowrap;display:flex;gap:8px;align-items:center}
main{max-width:1640px;padding:17px 2.1% 54px}.ticker{background:linear-gradient(90deg,#113955,#081e34);border-color:#246989;box-shadow:inset 0 1px #ffffff0b;height:51px;border-radius:13px}.ticker-head strong{letter-spacing:1.2px;color:#9bedf5}.ticker-items{color:#e4f3fb;font-weight:600}.ticker-source{white-space:nowrap;font-size:12px;font-weight:700;color:#69dcff}
.hero{grid-template-columns:minmax(0,1.3fr) minmax(240px,.75fr) minmax(210px,.5fr);gap:8px;margin:14px 0 18px;padding:30px 34px;min-height:385px;background:radial-gradient(ellipse at 58% 40%,#0b5d8c 0%,#092e54 25%,#071c34 55%,#041629 85%);border-color:#2e6d90;box-shadow:0 17px 56px #0007, inset 0 1px #7bdfff18}
.hero h1{font-size:clamp(30px,3.25vw,56px);font-weight:800;line-height:1.085;letter-spacing:-.034em;margin:12px 0 15px;max-width:690px}.hero h1 em{font-style:normal;color:#42d6fb}.hero-lead{max-width:655px;font-size:15px;line-height:1.65;color:#c7dfe9}.hero .eyebrow{font-size:10px;color:#87efff}
.search-form{position:relative;margin-top:20px;gap:8px;max-width:705px}.search-symbol{position:absolute;left:13px;top:6px;font-size:28px;color:#8ac7d8;pointer-events:none}.search-form input{padding:15px 13px 15px 43px;background:#12324d;border-color:#3c7a9e;box-shadow:0 0 0 3px #22d8fc0d}.search-form button{background:linear-gradient(135deg,#51e0fb,#0fb9e9);white-space:nowrap;box-shadow:0 8px 22px #03a6d435}.hero-tools{margin-top:11px}.hero-tools button{text-decoration:underline;text-underline-offset:3px}.hero-sep{border-left:1px solid #5e9eb766;height:15px}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;color:#a7dccc;font-size:11px;margin-top:18px}.hero-trust span{white-space:nowrap}
.hero-planet{min-width:0;height:320px;overflow:visible;isolation:isolate}.hero-planet canvas{height:315px!important;width:100%!important;max-width:410px;filter:drop-shadow(0 0 36px #14c6f47d)}.hero-planet .orbit{width:min(95%,370px);height:112px;border-color:#57ddff66;animation:orbitFloat 13s ease-in-out infinite;z-index:-1}.hero-planet .orbit-two{width:min(94%,340px);height:140px;border-color:#54a6ff66;animation:orbitFloat2 17s ease-in-out infinite}.visual-label{position:absolute;top:4px;left:3%;font-size:9px;font-weight:800;letter-spacing:2px;color:#99eaf8;white-space:nowrap}.earth-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:10px;color:#98cbdb;letter-spacing:.4px}
@keyframes orbitFloat{0%,100%{transform:rotate(-26deg) scale(.96)}50%{transform:rotate(-13deg) scale(1.06)}}@keyframes orbitFloat2{0%,100%{transform:rotate(24deg) scale(1)}50%{transform:rotate(15deg) scale(.98)}}
.hero-status{border-radius:14px;background:#071d30d9;border-color:#36708c;padding:16px 15px;min-width:0;box-shadow:0 7px 32px #0015244b}.hero-status-head{display:flex;gap:8px;color:#65e5f8;letter-spacing:1.6px;font-size:10px;font-weight:900;margin-bottom:13px}.status-led{width:8px;height:8px;border-radius:50%;background:#36ebbd;box-shadow:0 0 12px #14eca3}.how-step{display:flex;align-items:flex-start;gap:10px;margin:13px 0}.how-step strong{font-size:12px;color:#f1faff}.how-step small{display:block;color:#9fc0d0;font-size:11px;margin-top:2px;line-height:1.4}.how-num{display:grid;place-items:center;flex:0 0 28px;height:28px;color:#67e0ed;background:#0c3650;border:1px solid #35778d;border-radius:50%;font-size:10px;font-weight:800}.feed-state{border-top:1px solid #295774;padding-top:14px;font-size:11px;color:#b1d2df;line-height:1.4;display:flex;gap:8px;align-items:flex-start}.feed-state .good-dot{flex-shrink:0;margin-top:4px}
.jump-heading{margin:14px 0 10px;display:flex;align-items:end;justify-content:space-between;gap:15px}.jump-heading h2,.workspace-heading h2{font-size:22px;line-height:1.25;margin:4px 0}.jump-heading p,.workspace-heading p{color:#aacbd9;font-size:12px;margin:3px 0 7px}.quickbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:15px}.quickbar a{min-width:0;border-radius:15px;padding:15px 15px 12px;display:flex;gap:5px;background:linear-gradient(150deg,#0d3551,#081d33);border:1px solid #315d78;transition:transform .16s ease,border-color .16s ease;box-shadow:inset 0 1px #a1e8ff16}.quickbar a:hover{transform:translateY(-2px);border-color:#4bd5f5;text-decoration:none}.tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:23px;margin-bottom:7px;background:#104b6b}.tile-icon.coral{background:#51314b}.tile-icon.gold{background:#4d422c}.tile-icon.violet{background:#40365a}.tile-icon.teal{background:#164c55}.quickbar a b{font-size:14px;line-height:1.25}.quickbar a small{font-size:11px;line-height:1.4}.quickbar .tile-arrow{font-size:11px;color:#60dafa;margin-top:7px;font-weight:800}
.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:13px;background:#082238;border:1px solid #28516c;border-radius:13px;padding:15px;min-height:94px}.stat-ico{font-size:27px;display:grid;place-items:center;min-width:48px;height:48px;border-radius:12px;background:#10445f}.stat-card div{display:flex;flex-direction:column;gap:1px;min-width:0}.stat-card small{font-size:10px;color:#8ecce2;letter-spacing:1.1px;font-weight:700}.stat-card strong{color:#f6fcff;font-size:21px;line-height:1.3;overflow-wrap:anywhere}.stat-card span:not(.stat-ico){color:#a6c7d5;font-size:11px}
.workspace-heading{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin:10px 0 13px}.legend{display:flex;gap:8px;flex-wrap:wrap}.legend span{border:1px solid #32607e;color:#d0e4ec;background:#0b2a44;padding:6px 8px;border-radius:20px;font-size:10px;white-space:nowrap}
.main-grid{grid-template-columns:minmax(0,1.85fr) minmax(320px,.82fr);gap:14px}.panel{border-color:#2a5774;background:linear-gradient(155deg,#0e2d47,#081e34);box-shadow:inset 0 1px #a8edff0d}.map-panel{padding:16px}.panel-header h2{font-size:20px;line-height:1.25}.panel-header .eyebrow{display:block;margin-bottom:4px}#map{height:495px;border-radius:12px;border:1px solid #174867;box-shadow:inset 0 0 24px #0008}.map-switch button{border-radius:8px;padding:9px 11px;white-space:nowrap}.map-bottom{justify-content:flex-start}.map-bottom select{padding:7px 10px;max-width:220px}.map-bottom #map-count{margin-left:auto}.map-credit{width:100%;color:#648ea3;font-size:10px;text-align:right}
.side-stack{gap:12px}.location-card{background:linear-gradient(140deg,#103b55,#0a2238);border-color:#3583a0}.location-card h2{font-size:19px;word-break:break-word}.area-state{display:flex;gap:10px;align-items:flex-start;color:#bedaea;font-size:13px}.area-state p{margin:0}.location-symbol{font-size:28px}.area-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.area-metrics div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 9px;background:#052339;border:1px solid #285b72;border-radius:10px}.area-metrics small{font-size:10px;color:#a7d1e1}.area-metrics strong{font-size:18px;color:#f3fbff;overflow-wrap:anywhere}.area-metrics span{font-size:10px;color:#82aabc}.area-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.area-cta button,.ghost-action{border-radius:9px;background:#126080;color:#e2faff;border:1px solid #2d98b7;padding:8px 11px;font-size:12px;font-weight:700}.area-cta button:last-child{background:#0b334d;border-color:#35627a}.fine-print{font-size:11px;color:#9dc2d3;border-top:1px solid #37617a;margin:15px 0 0;padding-top:12px}.weather-panel .weather-large{font-size:42px}.weather-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-stats span{word-break:break-word}
.featured-panel{padding:0;overflow:hidden;background:#09253e}.insight-graphic{position:relative;height:144px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#0d8aa0,#09375c 46%,#07182c 85%);overflow:hidden}.insight-graphic.earthquake{background:radial-gradient(ellipse at 50% 40%,#87404d,#542c4d 45%,#091728)}.insight-graphic.wildfire{background:radial-gradient(ellipse at 50% 45%,#a6532f,#582b26 48%,#071728)}.insight-graphic.flood{background:radial-gradient(ellipse at 50% 45%,#1d81a3,#0d405a 55%,#071728)}.insight-graphic.storm{background:radial-gradient(ellipse at 50% 45%,#565bc4,#263a78 55%,#071728)}.insight-graphic:before,.insight-graphic:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #8dd9ef66;border-radius:50%;transform:rotate(25deg) scaleY(.43)}.insight-graphic:after{transform:rotate(-36deg) scaleY(.55);border-color:#8dd9ef36}.insight-halo{font-size:70px;filter:drop-shadow(0 8px 15px #000a);z-index:1}.insight-graphic-caption{position:absolute;bottom:9px;left:12px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#c5dfea;z-index:1}.featured-panel .insight-heading,.featured-panel>p,.featured-panel>.insight-link,.featured-panel>.insight-download{margin-left:16px;margin-right:16px}.featured-panel .insight-heading{margin-top:14px}.featured-panel .insight-heading h3{font-size:19px;line-height:1.28;margin:6px 0}.featured-panel>p{font-size:12px;line-height:1.5}.featured-panel .insight-link{display:inline-block;margin-bottom:8px;background:#0d6182;font-size:12px}.featured-panel .insight-download{display:block;border:1px solid #4489aa;background:#0a304a;color:#d7f6ff;padding:9px 13px;border-radius:8px;font-size:12px;margin-top:6px;margin-bottom:17px;cursor:pointer}
.events-panel{margin-top:15px;padding:19px}.events-panel .panel-header{align-items:flex-start}.events-panel h2{font-size:23px}.filters select{padding:9px}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.event-card{gap:11px;background:#082137;border:1px solid #325976;border-radius:12px;padding:15px;box-shadow:0 8px 16px #00142524}.event-card .event-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.event-type{font-size:11px;font-weight:800;color:#8fe6f7;text-transform:capitalize}.event-source{font-size:10px;color:#b5d6e3;background:#124059;padding:5px 7px;border-radius:6px;white-space:nowrap}.event-card strong{line-height:1.4;font-size:15px}.event-card .actions{margin-top:auto}.event-card .actions a,.event-card .actions button{background:#113950;border-color:#31637c;font-size:11px}.event-card .actions .card-download{color:#a1f1fa;border-color:#3c8a9a}.event-card .metadata{font-size:11px}
.guidance-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.guidance-row>div{border:1px solid #2b526c;background:#092238;padding:17px;border-radius:12px}.guidance-row strong{display:block;margin-top:6px;font-size:13px}.guidance-row p{font-size:12px;color:#a8c8d7;margin:5px 0 0;line-height:1.5}.guide-ico{font-size:22px}.columns-two{margin-top:14px}.share-panel{background:linear-gradient(135deg,#0d3a56,#082037)}.mission-band{display:flex;justify-content:space-between;gap:24px;align-items:center;background:radial-gradient(ellipse at 80% 20%,#115578,#09253e 50%,#071e36);border:1px solid #2b7893;padding:28px 30px;border-radius:14px;margin-top:15px}.mission-band h2{margin:6px 0;font-size:26px}.mission-band p{max-width:750px;margin:7px 0;font-size:13px;color:#bbdce8}.mission-band>a{flex-shrink:0;background:#0b5877;border:1px solid #3c9fbc;border-radius:9px;padding:11px 15px;font-weight:700}
@media(max-width:1280px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr)}.hero-status{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-status-head,.hero-status .feed-state{grid-column:1/-1}.hero-status .how-step{margin:4px 0}.network-label{display:none}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}}
@media(max-width:1020px){.topbar{flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%}.hero{grid-template-columns:1fr 300px}.hero-planet{height:290px}.hero-planet canvas{height:286px!important}.main-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,1fr)}.side-stack .featured-panel{grid-column:1/-1}.quickbar{grid-template-columns:repeat(3,minmax(0,1fr))}.guidance-row{grid-template-columns:1fr 1fr}.event-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{position:relative;gap:12px;padding:12px 4%}.topbar nav{justify-content:flex-start;gap:13px;overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.brand b{font-size:16px}.header-actions{margin-left:auto}.header-actions select{min-width:96px}main{padding:12px 3.6% 30px}.ticker{padding:8px;gap:5px}.ticker-source{display:none}.ticker-items{font-size:11px}.ticker button{flex-shrink:0}.hero{padding:22px 19px;grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(30px,8vw,40px)}.hero-lead{font-size:13px}.hero-planet{display:grid!important;max-height:250px;height:250px;order:2}.hero-planet canvas{height:246px!important}.hero-status{display:none}.hero-copy{order:1}.hero-trust{gap:8px}.search-form{flex-wrap:nowrap}.search-form input{width:100%;padding:12px 7px 12px 34px}.search-symbol{left:8px;top:4px}.search-form button{width:auto;min-width:92px;padding:9px}.jump-heading,.workspace-heading{display:block}.quickbar{grid-template-columns:repeat(2,minmax(0,1fr))}.quickbar a{padding:12px}.stat-row{grid-template-columns:1fr;gap:8px}.stat-card{min-height:65px;padding:10px}.stat-card strong{font-size:18px}.stat-ico{height:38px;min-width:38px}.main-grid{grid-template-columns:1fr}.map-panel{padding:10px}#map{height:330px}.map-switch button{font-size:11px;padding:7px}.map-panel h2{font-size:17px}.side-stack{grid-template-columns:1fr}.guidance-row{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.events-panel .panel-header{flex-direction:column}.columns-two{grid-template-columns:1fr}.mission-band{display:block;padding:20px}.mission-band>a{display:inline-block;margin-top:12px}.legend{padding-top:9px}.ticker-head strong{display:none}}
@media(prefers-reduced-motion:reduce){.hero-planet .orbit{animation:none!important}.quickbar a{transition:none}}

/* Search result chooser and source health */
.search-matches{display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:705px;padding:10px;background:#061c32;border:1px solid #397494;border-radius:10px;margin-top:7px}.search-matches strong{flex-basis:100%;font-size:12px}.search-choice{padding:7px 10px;background:#0f3c59;border:1px solid #318db2;color:#e9f8ff;border-radius:7px;font-size:12px}.good-dot.offline{background:#eda462;box-shadow:none}

/* V2.4: Search first, clear location-specific results before worldwide explorer */
.location-results{background:linear-gradient(130deg,#0b354f,#071c33 65%);border:1px solid #41a3b9;border-radius:17px;padding:22px;margin:15px 0 20px;scroll-margin-top:12px;box-shadow:0 12px 32px #0015223f}
.result-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.result-heading h2{font-size:clamp(23px,2.5vw,33px);margin:5px 0 7px}.result-heading p{font-size:13px;color:#bbdce9;margin:0 0 14px;max-width:760px}.result-radius{border:1px solid #2c809f;border-radius:18px;background:#103b55;padding:7px 13px;color:#c3ebf8;white-space:nowrap;font-size:12px}
.result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-feature{display:flex;flex-direction:column;gap:10px;min-width:0;padding:17px;border:1px solid #2f6b84;border-radius:12px;background:#071f35;box-shadow:inset 0 1px #9cf4ff17}.result-card-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#bddeee}.result-icon{font-size:24px}.result-feature>strong{color:#effdff;font-size:clamp(22px,2.5vw,30px);line-height:1.15;overflow-wrap:anywhere}.result-feature>p{color:#abcad9;font-size:12px;line-height:1.55;min-height:52px;margin:0}.result-feature>a{margin-top:auto;color:#66e0fb;font-weight:700;font-size:12px}.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #28546b;margin-top:16px;padding-top:12px;color:#aad4e4;font-size:11px}.result-led{display:inline-block;width:7px;height:7px;background:#2cdbac;border-radius:50%;margin-right:8px}.result-disclaimer{color:#c5d5df;font-size:11px;line-height:1.6;margin:12px 0 0}
@media(max-width:850px){.result-cards{grid-template-columns:1fr 1fr}.result-cards .result-feature:last-child{grid-column:1/-1}.result-feature>p{min-height:0}}
@media(max-width:560px){.location-results{padding:15px}.result-heading{display:block}.result-radius{display:inline-block;margin-bottom:12px}.result-cards{grid-template-columns:1fr}.result-cards .result-feature:last-child{grid-column:auto}.result-feature{padding:13px}.result-feature>strong{font-size:24px}}

.build-version{display:block;color:#a7bed0;font-size:11px;align-self:end;opacity:.8}

/* V2.7 — search-first local intelligence. No external charts/maps/fonts. */
[hidden]{display:none!important}
.area-selected .quickbar,.area-selected .stat-row{display:none}
.area-selected .location-card{display:none!important}
.intel-head,.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.intel-head h2{font-size:clamp(24px,3vw,37px);margin:4px 0 5px;line-height:1.12}
.intel-head p,.timeline-head p{font-size:13px;color:#b7d3e1;margin:4px 0 14px}
.local-intelligence{background:linear-gradient(140deg,#0b3852,#061c32 65%);border:1px solid #3985a4;border-radius:17px;padding:22px;margin:15px 0 24px;scroll-margin-top:12px;box-shadow:0 16px 42px #0004}
.intel-actions{display:flex;flex-wrap:wrap;gap:8px}.intel-actions button,.timeline-tabs button,.voice-buttons button,.local-map-controls button{border:1px solid #367894;border-radius:9px;background:#113d57;color:#def5ff;padding:9px 13px;font-size:12px;font-weight:700}
.intel-actions button:first-child{background:#18bddd;color:#001827;border-color:#18bddd}
.intel-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:14px}
.intel-layout>.panel{min-width:0;margin:0;background:#071f35;border:1px solid #30647c;border-radius:13px;padding:14px}
.intel-map-top,.local-map-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.intel-map-top{margin-bottom:10px;font-size:14px}.intel-map-top span{font-size:11px;color:#93c8d8}.local-map-bottom{margin-top:9px;font-size:12px;color:#b6d9e8}
.local-map-frame{position:relative;background:#06182b;height:290px;border:1px solid #2b7793;border-radius:11px;overflow:hidden}.local-map-frame canvas{width:100%;height:100%;display:block}.local-map-weather{position:absolute;top:11px;left:11px;padding:9px 12px;border:1px solid #5ecee7;border-radius:9px;background:#07283de8;color:#effcff;font-size:12px;font-weight:750;max-width:75%}.local-map-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:5px}.local-map-controls button{padding:5px 11px;font-size:17px}.micro{font-size:11px;color:#92bacd;line-height:1.55;margin:9px 0 0}
.brief-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.brief-provider{background:#104056;border:1px solid #306782;border-radius:18px;padding:5px 9px;font-size:10px;color:#b4e6f4}.intel-brief h3{font-size:22px;margin:13px 0 6px}.intel-brief>p#brief-summary{font-size:14px;line-height:1.65;color:#e1f3fa;min-height:100px;margin-top:9px}
.brief-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.brief-metrics>div{background:#0c344d;border:1px solid #2b637e;padding:9px 11px;border-radius:9px;display:flex;flex-direction:column;gap:3px}.brief-metrics small{font-size:11px;color:#b8d9e5}.brief-metrics strong{font-size:22px;line-height:1.3;color:#fff}
.voice-tool{margin-top:13px;border-top:1px solid #2a5a72;padding-top:13px;display:flex;flex-direction:column;gap:7px}.voice-tool label{font-weight:750;font-size:14px}.voice-tool select{width:100%;font-size:12px;padding:9px}.voice-buttons{display:flex;flex-wrap:wrap;gap:7px}.voice-buttons button:first-child{background:#17c0df;color:#061522;border-color:#17c0df}
.intel-timeline{margin-top:14px;padding:20px;background:#082339;border:1px solid #2b637e;border-radius:13px}.timeline-head h3{font-size:23px;margin:4px 0}.timeline-head{flex-wrap:wrap}.timeline-tabs{display:flex;flex-wrap:wrap;gap:6px;max-width:400px}.timeline-tabs button.active{background:#16bfdc;color:#061827;border-color:#16bfdc}.forecast-focus{border:1px solid #2f7897;background:#0c3c54;border-radius:9px;padding:11px 13px;color:#e9faff;font-weight:700;margin:9px 0 14px;font-size:13px}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.chart-block{background:#061d34;border:1px solid #265e7c;border-radius:12px;min-width:0;padding:13px}.chart-block>strong{font-size:13px}.chart-block svg{display:block;max-width:100%;width:100%;height:auto;margin-top:9px;background:linear-gradient(#0b2945,#08233c);border-radius:8px}.chart-block text{font-family:Segoe UI,Arial,sans-serif}
.intel-coverage{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.intel-coverage span{font-size:11px;color:#c1dce8;border:1px solid #37677c;border-radius:20px;padding:7px 10px;background:#0b3048}
@media(max-width:1120px){.intel-layout{grid-template-columns:1fr}.local-map-frame{height:320px}.charts{grid-template-columns:1fr}}
@media(max-width:660px){.local-intelligence{padding:13px}.intel-head{display:block}.intel-actions{margin-bottom:12px}.local-map-frame{height:245px}.intel-layout{grid-template-columns:1fr}.brief-metrics strong{font-size:19px}.intel-timeline{padding:11px}.timeline-tabs button{padding:7px 9px}.intel-brief>p#brief-summary{min-height:0}}
/* For a selected place, present one useful report instead of repeating the same counters. */
.area-selected .location-results{display:none!important}
.area-selected .jump-heading{margin-top:22px}

/* V2.8: voice is a first-class feature — obvious, accessible, and responsive. */
.intel-actions button.intel-listen-shortcut{background:#17cbe9;color:#032239;border-color:#75e7f6;font-size:13px;box-shadow:0 0 0 1px #1bcce63b,0 5px 22px #08b8d33b}
.intel-actions button.intel-listen-shortcut:hover,.intel-actions button.intel-listen-shortcut:focus-visible{background:#8af2ff;color:#002337}
.voice-feature{position:relative;overflow:hidden;border:1px solid #43b9d6!important;border-radius:14px;background:linear-gradient(125deg,#123e59 0%,#0a2941 58%,#102744 100%);padding:17px!important;margin:15px 0 14px!important;gap:13px!important;box-shadow:0 0 0 1px #06cbed15,0 14px 35px #0005}
.voice-feature:before{content:'';position:absolute;pointer-events:none;right:-75px;top:-95px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#20cbed27,transparent 68%)}
.voice-intro{display:flex;align-items:center;gap:13px;position:relative;z-index:1}
.voice-illustration{flex:0 0 54px;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#0d98b3,#153e74);display:grid;place-items:center;font-size:26px;border:1px solid #57d9eb;box-shadow:0 0 26px #05a9da40}
.voice-eyebrow{display:block;color:#5eeeff;font-size:10px;letter-spacing:1.65px;font-weight:850}
.voice-intro h4{font-size:clamp(16px,2vw,21px);line-height:1.2;margin:4px 0 6px;color:#fff;letter-spacing:-.35px}
.voice-subtitle{font-size:12px;line-height:1.5;color:#cce8f2;margin:0}
.voice-feature .voice-buttons{position:relative;z-index:1;display:flex;gap:8px;align-items:stretch}
.voice-feature .voice-play-primary{display:flex;justify-content:center;align-items:center;gap:9px;flex:1 1 220px;min-height:52px;font-size:15px;font-weight:850;border:1px solid #87f2ff;border-radius:11px;background:linear-gradient(110deg,#5ce8fb,#15bbeb);color:#032239;box-shadow:0 6px 25px #10c7ee2b;cursor:pointer;transition:filter .2s ease,transform .2s ease}
.voice-feature .voice-play-primary:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}
.voice-feature .voice-play-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.4)}
.voice-feature .voice-buttons button:not(.voice-play-primary){min-height:52px;background:#092a42;border:1px solid #4e90a6;font-size:13px}
.voice-feature .voice-buttons button:not(.voice-play-primary):hover{background:#1b506d}
.voice-settings{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:10px}
.voice-settings>div{min-width:0}.voice-settings label{font-size:11px;color:#c9e8f4;display:block;margin-bottom:5px;font-weight:700}
.voice-settings select{min-width:0;background:#071e34;color:#e9faff;border:1px solid #4b829c;border-radius:8px;width:100%;padding:9px;font-size:12px}
.voice-live-state{display:flex;align-items:center;gap:10px;background:#0a2b42;border-radius:9px;padding:10px 12px;border:1px solid #2e657d;min-height:42px}
.voice-live-state #voice-status{font-size:12px;color:#c9e6f1;line-height:1.4}
.voice-equalizer{display:flex;gap:3px;align-items:center;height:20px;width:24px;flex:0 0 24px}.voice-equalizer i{display:block;width:3px;height:6px;background:#36d9ee;border-radius:4px}
.voice-feature.is-speaking .voice-equalizer i{animation:voice-pulse .7s ease-in-out infinite alternate}.voice-feature.is-speaking .voice-equalizer i:nth-child(2){animation-delay:.14s}.voice-feature.is-speaking .voice-equalizer i:nth-child(3){animation-delay:.27s}.voice-feature.is-speaking .voice-equalizer i:nth-child(4){animation-delay:.41s}.voice-feature.is-speaking .voice-equalizer i:nth-child(5){animation-delay:.2s}
.voice-disclaimer{font-size:11px;line-height:1.4;color:#a4cadb;margin:0}
@keyframes voice-pulse{0%{height:4px}100%{height:19px}}
@media(prefers-reduced-motion:reduce){.voice-feature .voice-play-primary{transition:none}.voice-feature.is-speaking .voice-equalizer i{animation:none}}
@media(max-width:600px){.voice-feature{padding:13px!important}.voice-intro{align-items:flex-start}.voice-illustration{flex-basis:44px;width:44px;height:44px;font-size:22px}.voice-settings{grid-template-columns:1fr 115px}.voice-feature .voice-play-primary{flex-basis:100%;min-height:50px}.voice-feature .voice-buttons button:not(.voice-play-primary){flex:1}}

/* V2.9: optional NASA satellite land explorer. Existing geographic canvas is always available. */
.land-view-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.land-view-controls>button{border:1px solid #2b6683;border-radius:9px;background:#0b2f47;color:#c4e5f1;cursor:pointer;padding:9px 11px;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.land-view-controls>button:hover,.land-view-controls>button:focus-visible{border-color:#5ed6e9;color:#fff}
.land-view-controls>button.active{background:linear-gradient(90deg,#087c9f,#085976);border-color:#4ac8e2;color:#fff;box-shadow:0 0 0 1px #296e8d inset}
.land-date-control{display:flex;align-items:center;gap:6px;color:#bce1f2;font-size:11px;font-weight:650}
.land-date-control[hidden]{display:none}
.land-date-control select{background:#0a334c;border:1px solid #3b7d96;border-radius:8px;color:#e1f5fc;padding:7px}
.local-map-frame .land-imagery{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:saturate(1.09) contrast(1.07);z-index:2;pointer-events:none}
.local-map-frame .land-imagery[hidden]{display:none}
.local-map-frame .land-markers{position:absolute;inset:0;z-index:3;pointer-events:none}
.local-map-frame .land-markers[hidden]{display:none}
.local-map-frame .land-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}
.local-map-frame .land-marker.selected{font-size:30px;line-height:1;color:#fff09b;text-shadow:0 2px 8px #001a29,0 0 18px #ffd75c;filter:drop-shadow(0 0 2px #000)}
.local-map-frame .land-marker.event{width:12px;height:12px;border-radius:50%;background:#fa576d;border:2px solid #fff;box-shadow:0 0 10px 2px #ee386d87;cursor:pointer}
.local-map-frame .land-loading{position:absolute;z-index:4;bottom:12px;left:12px;max-width:calc(100% - 24px);background:#08243ce6;border:1px solid #4aa9c7;border-radius:9px;padding:9px 11px;color:#e7f8ff;font-size:12px}
.local-map-frame .land-loading[hidden]{display:none}
.local-map-frame .local-map-weather{z-index:5}
.local-map-frame .local-map-controls{z-index:5}
.land-source-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;line-height:1.55;margin-top:10px;color:#b7d6e5}
.land-source-line a{color:#6fe5ff}
.land-source-line .land-attribution{font-size:10px;color:#94b9ca}
@media(max-width:660px){.land-view-controls>button{padding:8px 9px;font-size:11px}.local-map-frame .land-loading{font-size:11px}.land-source-line{font-size:10px}}

@media(min-width:1121px){.local-map-frame{height:350px}}
@media(min-width:661px) and (max-width:1120px){.local-map-frame{height:330px}}
@media(max-width:660px){.local-map-frame{height:265px}}

.external-map-links{display:flex;gap:12px;flex-wrap:wrap}.external-map-links a{color:#66dcf7}

/* V3.0 – conditional source-driven environmental panels */
.environment-section{margin:16px 0 18px;background:linear-gradient(140deg,#09243c,#071a31);border:1px solid #20627b;border-radius:15px;padding:18px}
.environment-section[hidden],.env-card[hidden],#river-sparkline[hidden]{display:none!important}
.environment-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.environment-head h3{margin:5px 0 6px;font-size:clamp(18px,2vw,23px);color:#eaf9ff}
.environment-head p{margin:0;color:#acd2e3;font-size:13px;line-height:1.5}
.environment-status{padding:7px 11px;border:1px solid #23637d;border-radius:25px;color:#7de6ee;font-size:12px}
.environment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:15px}
.env-card{background:#0a2942;border:1px solid #2b5871;border-radius:13px;padding:18px;min-width:0}
.env-card-header{display:flex;align-items:center;gap:12px}.env-icon{font-size:26px;line-height:1.2;padding:10px;border-radius:12px;background:#143c54}
.env-card h4{font-size:17px;margin:5px 0;color:#ebf8ff}.env-card p{font-size:13px;line-height:1.55;color:#b6d3e2}
.env-card a{color:#65def1;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.env-station{font-size:14px;font-weight:650;color:#e9fcff;margin:15px 0 10px}
.env-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0}
.env-value{background:#082138;padding:12px;border:1px solid #264d68;border-radius:9px;display:grid;gap:5px}
.env-value small{font-size:11px;color:#abcfe0}.env-value strong{font-size:18px;color:#fff;overflow-wrap:anywhere}
.env-gauge{background:#082138;border:1px solid #264d68;border-radius:9px;padding:10px;display:grid;gap:6px;grid-column:span 2}.env-gauge small{color:#acd2df}
#river-sparkline{display:block;width:100%;max-height:115px;background:linear-gradient(180deg,#0d3450,#071a30);border-radius:10px;padding:8px;box-sizing:border-box}
.env-disclaimer{color:#a4c7d9;font-size:12px;line-height:1.55;margin:15px 0 0}
@media(max-width:700px){.environment-section{padding:12px}.environment-head h3{font-size:18px}.env-values{grid-template-columns:1fr 1fr}.env-card{padding:13px}}

/* V3.1 — NASA Satellite Change Explorer. All controls are real, keyboard-accessible elements. */
.compare-trigger{background:linear-gradient(90deg,#0c96ab,#116a8d)!important;color:#fff!important;border-color:#72e5f2!important;box-shadow:0 0 0 1px #1a536b inset}
.satellite-comparison{background:linear-gradient(145deg,#0d3048,#071e34);border:1px solid #236d8a;border-radius:16px;margin:20px 0;padding:20px;scroll-margin-top:105px}
.satellite-comparison[hidden],.compare-visual[hidden],.compare-summary[hidden],.compare-slider-row[hidden],.compare-divider[hidden]{display:none!important}
.compare-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.compare-heading-row h3{margin:5px 0;font-size:clamp(21px,2.4vw,28px);color:#f1fbff}
.compare-heading-row p{margin:4px 0;color:#b5daea;font-size:13px}
.compare-heading-row button,.compare-summary button{background:#0d344e;border:1px solid #3b6f85;color:#d6f3ff;border-radius:9px;padding:9px 14px;cursor:pointer;white-space:nowrap}
.compare-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#082a40;border:1px solid #225976;border-radius:12px;padding:12px;margin-bottom:12px}
.compare-controls label{display:grid;gap:5px;color:#b6dff0;font-size:12px;font-weight:700;flex:1 1 160px}
.compare-controls input{min-height:39px;color:#e5f8ff;background:#061c30;border:1px solid #396e88;border-radius:8px;padding:8px 10px;color-scheme:dark;box-sizing:border-box;width:100%}
.compare-controls .bright-btn{min-height:39px;padding:9px 15px;border-radius:9px;cursor:pointer;flex:1 0 auto}
.compare-controls .bright-btn:disabled{opacity:.6;cursor:progress}
.compare-modebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:10px 0}
.compare-modebar>div{display:flex;gap:6px}.compare-modebar button{background:#08273f;color:#bfe3f4;border:1px solid #37728a;border-radius:8px;padding:9px 13px;cursor:pointer}.compare-modebar button.active{background:#11adcf;color:#032036;border-color:#3ed9f2;font-weight:800}
.compare-status{border-radius:9px;border:1px solid #2b5975;background:#092b43;padding:10px 12px;color:#c5e4f3;font-size:12px;margin:12px 0}
.compare-visual{--compare-split:50%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:8px 0}
.compare-frame{position:relative;min-width:0;margin:0;border-radius:12px;overflow:hidden;border:1px solid #367f92;background:#061d32}
.compare-frame img{display:block;width:100%;aspect-ratio:1.95 / 1;object-fit:fill}
.compare-frame figcaption{position:absolute;top:10px;left:10px;padding:8px 11px;border-radius:7px;background:rgba(2,20,34,.91);color:#fff;font-size:12px;z-index:3;font-weight:750;pointer-events:none}
.compare-visual.swipe{display:block;position:relative;aspect-ratio:1.95 / 1;overflow:hidden;border:1px solid #398298;border-radius:12px;background:#041c30}
.compare-visual.swipe .compare-frame{position:absolute;inset:0;border:0;border-radius:0}
.compare-visual.swipe .compare-frame img{height:100%;width:100%;object-fit:fill}
.compare-visual.swipe .compare-frame.compare-newer{z-index:2;clip-path:inset(0 0 0 var(--compare-split))}
.compare-visual.swipe .compare-frame.compare-newer figcaption{left:auto;right:10px}
.compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-split);width:3px;background:#f5fdff;z-index:4;box-shadow:0 0 11px #00d6f0;transform:translateX(-50%);pointer-events:none}
.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #fff;border-radius:50%;width:44px;height:44px;background:#087a9b;color:#fff;font-size:20px;box-shadow:0 3px 16px #000}
.compare-slider-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;color:#dcf5ff;font-size:13px}.compare-slider-row input{flex:1;accent-color:#38dbf5;min-width:90px}.compare-slider-row output{font-variant-numeric:tabular-nums;min-width:125px;text-align:right}
.compare-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0a2e42;border:1px solid #2d6982;border-radius:11px;padding:13px 15px;margin-top:12px}
.compare-summary strong{color:#f2fbff}.compare-summary p{margin:5px 0;color:#c4e0ec;font-size:12px;line-height:1.55}
.compare-credit,.compare-caution{font-size:11px;line-height:1.55;color:#b3d2e0;margin:14px 0 0}.compare-credit a{color:#65e0fa;text-decoration:underline}.compare-caution{padding:10px 12px;border-left:3px solid #d19e3f;background:#182f41}
@media(max-width:700px){.satellite-comparison{padding:13px}.compare-heading-row{align-items:start}.compare-heading-row button{padding:7px 9px}.compare-controls{gap:8px}.compare-modebar{display:grid}.compare-visual{grid-template-columns:1fr}.compare-visual.swipe{aspect-ratio:1.5 / 1}.compare-frame img{aspect-ratio:1.95 / 1}.compare-summary{display:grid}.compare-summary button{width:100%}.compare-slider-row output{width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){.compare-divider{transition:none}}