.earth-page{background:#020912;color:var(--text)}.earth-shell{max-width:1280px;margin:auto;padding:18px 18px 48px}.earth-head{display:flex;gap:18px;align-items:center}.earth-head h1{margin:0 0 7px;font-size:clamp(26px,4vw,42px)}.earth-head p{margin:0;color:var(--muted)}.earth-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px}.earth-view{position:relative;min-height:620px;padding:0;overflow:hidden}.earth-globe{position:absolute;inset:0;background:#061422}
.earth-controls,.earth-layer-panel{position:absolute;z-index:3;display:flex;flex-wrap:wrap;gap:8px}.earth-controls{left:14px;bottom:14px}.earth-layer-panel{left:14px;top:14px;max-width:min(560px,calc(100% - 28px));padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(5,18,30,.78);backdrop-filter:blur(16px)}.earth-layer-panel b{width:100%;font-size:13px}.earth-layer-panel label{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px}.earth-layer-panel input{accent-color:#65c8ff}.earth-layer-panel button,.earth-controls button{border:1px solid var(--line);background:rgba(5,18,30,.82);color:#fff;border-radius:999px;min-height:40px;padding:0 13px;backdrop-filter:blur(14px)}
.earth-report{align-self:stretch}.earth-report h2{margin:0 0 8px}.earth-weather-list{display:grid;gap:9px;margin-top:16px}.earth-weather-list p{margin:0;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:#d7ebf4}.earth-note,.earth-disclaimer p{color:var(--muted);line-height:1.55}.earth-disclaimer{margin-top:16px}.earth-legend{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.earth-legend b{width:100%;font-size:13px}.earth-legend span{padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800}.earth-legend .hot{background:rgba(255,92,92,.18);color:#ffb1b1}.earth-legend .warm{background:rgba(255,200,87,.18);color:#ffe08c}.earth-legend .cool{background:rgba(105,207,255,.16);color:#b9eaff}.earth-legend .cold{background:rgba(154,196,255,.16);color:#cfe0ff}.earth-legend .cloudy{background:rgba(255,255,255,.12)}.earth-legend .foggy{background:rgba(180,190,205,.18)}.earth-legend .hazard{background:rgba(255,142,142,.16);color:#ffc5c5}

/* Mobile fix: move weather layer panel above the globe instead of overlaying it. */
@media(max-width:900px){
  .earth-grid{grid-template-columns:1fr}
  .earth-view{display:flex;flex-direction:column;gap:12px;min-height:auto;padding:12px;overflow:visible}
  .earth-layer-panel{position:relative;order:1;left:auto;top:auto;margin:0;max-width:none;width:auto}
  .earth-globe{position:relative;inset:auto;order:2;height:min(62vh,560px);min-height:430px;border-radius:20px;overflow:hidden}
  .earth-controls{position:relative;order:3;left:auto;bottom:auto;margin:0}
  .earth-layer-panel-v3{max-width:none}
}
@media(max-width:520px){
  .earth-shell{padding:10px 10px 36px}
  .earth-view{padding:10px;gap:10px}
  .earth-globe{height:520px;min-height:420px}
  .earth-head{align-items:flex-start;flex-direction:column}
  .earth-controls button,.earth-layer-panel button{font-size:13px}
  .earth-layer-panel label{width:100%;justify-content:flex-start}
}



.earth-legend .boundary{background:rgba(255,255,255,.16);color:#ffffff;border:1px solid rgba(255,255,255,.22)}



.earth-searchbar{position:absolute;z-index:5;left:14px;right:14px;top:14px;display:flex;gap:8px;align-items:stretch;pointer-events:none}.earth-searchbar form{display:flex;flex:1;min-width:0;gap:7px}.earth-searchbar input,.earth-searchbar button{pointer-events:auto;border:1px solid rgba(255,255,255,.16);background:rgba(5,18,30,.88);color:#fff;border-radius:14px;min-height:44px;backdrop-filter:blur(16px)}.earth-searchbar input{flex:1;min-width:0;padding:0 14px}.earth-searchbar button{padding:0 13px;cursor:pointer}.earth-search-results{position:absolute;z-index:6;left:14px;right:14px;top:66px;max-height:280px;overflow:auto;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(5,18,30,.96);box-shadow:var(--shadow)}.earth-search-results button{display:grid;width:100%;gap:3px;padding:10px 12px;text-align:left;border:0;border-radius:11px;background:transparent;color:#fff;cursor:pointer}.earth-search-results button:hover,.earth-search-results button:focus-visible{background:rgba(101,200,255,.12)}.earth-search-results span{color:var(--muted);font-size:12px}.earth-hierarchy{margin:0 0 7px;color:var(--muted);line-height:1.4}.earth-layer-panel{top:72px}

@media(max-width:900px){.earth-searchbar{position:relative;order:0;left:auto;right:auto;top:auto;flex-wrap:wrap;pointer-events:auto}.earth-searchbar form{min-width:100%}.earth-searchbar>button{flex:1}.earth-search-results{position:relative;order:1;left:auto;right:auto;top:auto;max-height:260px}.earth-layer-panel{order:2}.earth-globe{order:3}.earth-controls{order:4}}
@media(max-width:520px){.earth-searchbar form{display:grid;grid-template-columns:minmax(0,1fr) auto}.earth-searchbar input{width:100%}.earth-searchbar button{min-height:46px}}

/* V53: keep all layer controls outside the globe canvas on every viewport. */
.earth-view{display:flex;flex-direction:column;gap:12px;min-height:auto;padding:12px;overflow:visible}
.earth-searchbar{position:relative;order:0;left:auto;right:auto;top:auto;pointer-events:auto}
.earth-search-results{position:relative;order:1;left:auto;right:auto;top:auto;max-height:280px}
.earth-layer-panel{position:relative;order:2;left:auto;top:auto;margin:0;max-width:none;width:auto}
.earth-globe{position:relative;inset:auto;order:3;height:min(68vh,680px);min-height:520px;border-radius:20px;overflow:hidden}
.earth-controls{position:relative;order:4;left:auto;bottom:auto;margin:0}
@media(max-width:900px){.earth-globe{height:min(62vh,560px);min-height:430px}}
@media(max-width:520px){.earth-globe{height:520px;min-height:420px}}

/* V62 global watch layers */
.earth-legend .volcano{background:rgba(255,122,72,.18);color:#ffc3a8}.earth-legend .avalanche{background:rgba(180,220,255,.16);color:#d8edff}.earth-climate-watch{margin-top:14px;padding:13px;border:1px solid rgba(156,240,255,.18);border-radius:16px;background:rgba(101,200,255,.055)}.earth-climate-watch p{color:var(--muted);line-height:1.45;margin:7px 0}.earth-climate-watch a{text-decoration:none}

/* STK_OPEN_DETAIL_V39_START */
.earth-open-detail{margin-top:12px;min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}
.earth-open-detail[hidden]{display:none!important}
/* STK_OPEN_DETAIL_V39_END */

/* STK_LOCALE_TYPOGRAPHY_V40_START */
html{--locale-font:"Inter","Segoe UI",Arial,sans-serif;--locale-line-height:1.52;--locale-tracking:0em}
body,button,input,select,textarea{font-family:var(--locale-font)!important}
body{line-height:var(--locale-line-height)}
.earth-head h1,.earth-report h2,.section-head h2{letter-spacing:var(--locale-tracking)}
html[lang^="ur"] body{line-height:2.02}
html[lang^="ar"] .eyebrow,html[lang^="fa"] .eyebrow,html[lang^="ur"] .eyebrow{letter-spacing:.04em}
/* STK_LOCALE_TYPOGRAPHY_V40_END */