*{box-sizing:border-box}
:root{
  --bg:#071018;
  --bg2:#0a141e;
  --panel:#0d1923;
  --panel2:#111f2a;
  --panel3:#152632;
  --line:rgba(154,185,201,.16);
  --line-strong:rgba(154,185,201,.27);
  --text:#edf4f7;
  --muted:#92a7b2;
  --muted2:#718691;
  --teal:#60d0c5;
  --cyan:#62c9ef;
  --cyan2:#8bdcf8;
  --amber:#f2b35f;
  --orange:#f08b54;
  --red:#ef6d5c;
  --purple:#b48cf0;
  --green:#63d69d;
  --shadow:0 18px 42px rgba(0,0,0,.26);
}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% -8%,rgba(39,109,133,.18),transparent 30%),
    radial-gradient(circle at 86% 2%,rgba(45,92,79,.13),transparent 25%),
    linear-gradient(180deg,#071018 0%,#08121a 42%,#060d14 100%);
  overflow-x:hidden;
}
a{color:var(--cyan2);text-decoration:none}
a:hover{color:#fff;text-decoration:underline}
button,input{font:inherit}
button{color:inherit}
.topbar{
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,22,32,.98),rgba(7,16,24,.98));
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.topbar-inner{
  max-width:1650px;
  margin:0 auto;
  min-height:108px;
  padding:16px 22px;
  display:flex;
  align-items:center;
  gap:18px;
}
.brand-logo{
  width:76px;
  height:76px;
  flex:0 0 76px;
  display:block;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}
.hero-copy{min-width:0;flex:1 1 auto}
.hero-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}
.live-chip,.source-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.025);
  color:#c8d5dc;
  font-size:14.3px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.live-chip::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 12px rgba(99,214,157,.7);
}
.source-chip{color:var(--muted);letter-spacing:.04em;text-transform:none;font-weight:700}
h1{margin:0;color:#fff;font-size:41.6px;line-height:1.08;letter-spacing:-.025em}
.lead{max-width:1040px;margin:9px 0 0;color:#b6c5cd;font-size:20.2px;line-height:1.62}
.page{max-width:1650px;margin:0 auto;padding:22px 22px 42px}
.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.stat-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:15px 16px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(17,31,42,.98),rgba(11,24,33,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.stat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),rgba(98,201,239,.06))}
.stat-card:nth-child(2)::before{background:linear-gradient(180deg,var(--red),rgba(239,109,92,.06))}
.stat-card:nth-child(3)::before{background:linear-gradient(180deg,var(--amber),rgba(242,179,95,.06))}
.stat-card:nth-child(4)::before{background:linear-gradient(180deg,var(--purple),rgba(180,140,240,.06))}
.stat-card:nth-child(5)::before{background:linear-gradient(180deg,var(--green),rgba(99,214,157,.06))}
.stat-label{color:var(--muted);font-size:14.3px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-value{margin-top:8px;color:#fff;font-size:36.4px;line-height:1;font-weight:850;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-sub{margin-top:6px;color:var(--muted2);font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-grid{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(310px,.44fr);gap:16px;align-items:start}
.side-stack{display:grid;gap:14px}
.panel{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(15,29,40,.98),rgba(9,20,29,.98));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025);
}
.map-panel{overflow:hidden}
.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px 13px;
  border-bottom:1px solid rgba(154,185,201,.11);
  background:rgba(255,255,255,.012);
}
.panel-title-wrap{min-width:0}
.panel-title{color:#fff;font-size:22.1px;font-weight:800;letter-spacing:-.01em}
.panel-subtitle{margin-top:3px;color:var(--muted);font-size:15.6px;line-height:1.4}
.feed-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:15.6px;white-space:nowrap}
.feed-dot{width:7px;height:7px;border-radius:50%;background:#8899a3;box-shadow:0 0 0 3px rgba(136,153,163,.08)}
.feed-status.is-live .feed-dot{background:var(--green);box-shadow:0 0 12px rgba(99,214,157,.55)}
.feed-status.is-error .feed-dot{background:var(--red);box-shadow:0 0 12px rgba(239,109,92,.48)}
.map-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:10px 14px;
  border-bottom:1px solid rgba(154,185,201,.10);
  background:#0b1721;
}
.toolbar-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.toolbar-label{color:var(--muted2);font-size:14.3px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;margin-right:2px}
.tool-btn,.filter-btn{
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--line-strong);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(24,44,57,.92),rgba(14,29,40,.92));
  color:#c9d8df;
  font-size:15.6px;
  font-weight:800;
  cursor:pointer;
  transition:.15s ease;
}
.tool-btn:hover,.filter-btn:hover{border-color:rgba(98,201,239,.5);color:#fff;background:#183040}
.filter-btn.active,.tool-btn.active{border-color:rgba(98,201,239,.65);background:rgba(48,133,165,.25);color:#e9faff;box-shadow:inset 0 0 0 1px rgba(98,201,239,.08)}
.tool-btn.near-me{border-color:rgba(99,214,157,.35)}
.tool-btn.near-me:hover{border-color:rgba(99,214,157,.68);background:rgba(55,129,99,.20)}
.map-wrap{padding:12px}
.map-frame{position:relative;width:100%}
.map-shell{
  position:relative;
  width:100%;
  aspect-ratio:1009.6727 / 530.96301;
  min-height:320px;
  overflow:hidden;
  border:1px solid rgba(132,169,186,.22);
  border-radius:14px;
  background:
    radial-gradient(circle at 48% 34%,rgba(26,74,87,.20),transparent 42%),
    linear-gradient(180deg,#071721 0%,#07141d 100%);
  box-shadow:inset 0 0 70px rgba(0,0,0,.34),0 12px 32px rgba(0,0,0,.18);
}
.map-base,#tectonicLayer,#quakeMap{position:absolute;inset:0;width:100%;height:100%;display:block}
.map-base{z-index:1;pointer-events:none}
.map-base img,.map-base svg{display:block;width:100%;height:100%}
#tectonicLayer{z-index:2;pointer-events:none;background:transparent}
#quakeMap{z-index:3;background:transparent;touch-action:manipulation;cursor:default}
.map-tooltip{
  position:absolute;
  z-index:7;
  width:min(280px,calc(100% - 24px));
  pointer-events:none;
  display:none;
  padding:11px 12px;
  border:1px solid rgba(154,185,201,.30);
  border-radius:11px;
  background:rgba(5,14,21,.95);
  box-shadow:0 14px 30px rgba(0,0,0,.38);
  backdrop-filter:blur(7px);
}
.map-tooltip.show{display:block}
.tooltip-mag{font-size:22.1px;font-weight:900;color:#fff}
.tooltip-place{margin-top:3px;color:#d3dfe5;font-size:16.9px;line-height:1.4}
.tooltip-meta{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.45}
.tooltip-hint{margin-top:7px;color:var(--cyan2);font-size:13.7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.corner-btn{
  position:absolute;
  top:10px;
  right:10px;
  z-index:8;
  width:38px;height:38px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(154,185,201,.28);
  border-radius:10px;
  background:rgba(6,17,25,.84);
  color:#d9e7ed;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.26);
  backdrop-filter:blur(6px);
}
.corner-btn:hover{background:#132b39;color:#fff;border-color:rgba(98,201,239,.5)}
.corner-btn svg{width:19px;height:19px;display:block}
.map-legend{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:6;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  max-width:75%;
  pointer-events:none;
}
.legend-chip{
  display:inline-flex;align-items:center;gap:6px;
  min-height:28px;
  padding:5px 8px;
  border:1px solid rgba(154,185,201,.22);
  border-radius:8px;
  background:rgba(5,14,21,.80);
  color:#bacbd3;
  font-size:13.7px;
  font-weight:750;
  backdrop-filter:blur(6px);
}
.legend-dot{display:inline-block;border-radius:50%;flex:0 0 auto}
.legend-dot.low{width:7px;height:7px;background:var(--cyan)}
.legend-dot.med{width:9px;height:9px;background:var(--amber)}
.legend-dot.high{width:11px;height:11px;background:var(--red)}
.legend-line{display:inline-block;width:19px;border-top:2px dashed rgba(242,179,95,.72)}
.near-me-result{
  display:none;
  margin:0 12px 12px;
  padding:11px 12px;
  border:1px solid rgba(99,214,157,.24);
  border-radius:11px;
  background:rgba(32,92,70,.11);
  color:#c9dbd4;
  font-size:16.2px;
  line-height:1.55;
}
.near-me-result.show{display:block}
.near-me-result strong{color:#fff}
.near-me-privacy{display:block;margin-top:4px;color:#78968a;font-size:14.3px}
.map-sourcebar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:0 14px 13px;
  color:var(--muted2);
  font-size:14.3px;
  line-height:1.45;
}
.map-sourcebar a{color:#9bcddd}
.list-panel{padding:14px;min-height:254px}
.list-title{margin:0 0 11px;color:#fff;font-size:20.8px;font-weight:800;letter-spacing:-.01em}
.list-note{margin:-4px 0 12px;color:var(--muted2);font-size:15px}
.rank-item{
  margin-bottom:8px;
  padding:10px 10px;
  border:1px solid rgba(154,185,201,.11);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.rank-item:last-child{margin-bottom:0}
.rank-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rank-name{min-width:0;color:#c7d5dc;font-size:16.2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.rank-name a{color:inherit}
.rank-count{flex:0 0 auto;color:var(--cyan2);font-size:16.2px;font-weight:900;white-space:nowrap}
.rank-meta{margin-top:4px;color:var(--muted2);font-size:13.7px;line-height:1.3}
.sidethings{display:flex;justify-content:center;min-height:0}
.under-map{margin:14px 12px 0;padding:0;overflow:hidden}
.table-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(154,185,201,.10);
}
.table-title{color:#fff;font-size:23.4px;font-weight:850;letter-spacing:-.01em}
.table-subtitle{margin-top:3px;color:var(--muted);font-size:15px}
.table-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quake-search{
  width:230px;
  min-height:36px;
  padding:8px 11px;
  border:1px solid var(--line-strong);
  border-radius:9px;
  outline:none;
  background:#091620;
  color:#e8f2f6;
  font-size:16.2px;
}
.quake-search::placeholder{color:#607682}
.quake-search:focus{border-color:rgba(98,201,239,.62);box-shadow:0 0 0 3px rgba(98,201,239,.08)}
.table-count{color:var(--muted);font-size:15px;white-space:nowrap}
.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch; height: 720px; max-height:720px;scrollbar-width:thin;scrollbar-color:#345c70 #08131b}
table.attack-table{width:100%;border-collapse:collapse;min-width:1020px}
.attack-table thead{position:sticky;top:0;z-index:2;background:#0b1923}
.attack-table th{
  padding:10px 11px;
  border-bottom:1px solid rgba(154,185,201,.15);
  color:#7f96a1;
  text-align:left;
  font-size:13.7px;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
.attack-table td{
  padding:11px;
  border-bottom:1px solid rgba(154,185,201,.075);
  color:#b9c9d0;
  font-size:16.2px;
  vertical-align:top;
}
.attack-table tbody tr{transition:background .12s ease}
.attack-table tbody tr:hover{background:rgba(98,201,239,.035)}
.sig{font-weight:850;color:#e8f2f6;line-height:1.35}
.sig a{color:#e8f2f6}
.sig a:hover{color:#fff}
.meta-small{margin-top:4px;color:#718894;font-size:14px;line-height:1.4}
.sev-badge,.status-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--line);
  font-size:14.3px;
  font-weight:850;
  white-space:nowrap;
}
.sev-low{color:#a8dcf2;background:rgba(98,201,239,.09);border-color:rgba(98,201,239,.24)}
.sev-medium{color:#f6c985;background:rgba(242,179,95,.09);border-color:rgba(242,179,95,.26)}
.sev-high{color:#ff9b8e;background:rgba(239,109,92,.10);border-color:rgba(239,109,92,.30)}
.status-badge{color:#a7b8c1;background:rgba(255,255,255,.025)}
.status-badge.tsunami{color:#d9c1ff;border-color:rgba(180,140,240,.34);background:rgba(180,140,240,.10)}
.status-badge.reviewed{color:#9ee8c3;border-color:rgba(99,214,157,.28);background:rgba(99,214,157,.08)}
.earth-mini-news{margin-top:18px}
.edt-leaderboard-promo{display:flex;justify-content:center;margin:20px 0 0;overflow:hidden}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.content-card{
  position:relative;
  overflow:hidden;
  padding:20px 21px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,29,40,.96),rgba(9,20,29,.97));
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.content-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(98,201,239,.65),rgba(99,214,157,.20),transparent)}
.content-kicker{margin-bottom:7px;color:var(--cyan);font-size:13.7px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.content-card h2{margin:0 0 10px;color:#fff;font-size:27.3px;line-height:1.24;letter-spacing:-.018em}
.content-card p,.content-card li{color:#adbec6;font-size:18.2px;line-height:1.72}
.content-card p{margin:0 0 12px}
.content-card p:last-child{margin-bottom:0}
.content-card ul{margin:0 0 12px 19px;padding:0}
.content-card li{margin-bottom:6px}
.content-card strong{color:#eaf4f7}
.faq-panel{margin-top:18px;padding:20px}
.faq-head{max-width:780px;margin-bottom:8px}
.faq-head h2{margin:0 0 7px;color:#fff;font-size:29.9px}
.faq-head p{margin:0;color:var(--muted);font-size:17.6px;line-height:1.6}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:8px}
.faq-item{padding:15px 0;border-top:1px solid rgba(154,185,201,.10)}
.faq-item h3{margin:0 0 6px;color:#eaf3f6;font-size:19.5px;line-height:1.4}
.faq-item p{margin:0;color:#a8bac3;font-size:16.9px;line-height:1.65}
.related-panel{margin-top:18px;padding:18px}
.related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.related-head h2{margin:0;color:#fff;font-size:26px}
.related-head p{margin:4px 0 0;color:var(--muted);font-size:16.2px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.related-link{
  display:flex;align-items:center;gap:11px;
  min-height:58px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.018);
  color:#dce7ec;
  font-size:17.6px;
  font-weight:800;
  text-decoration:none!important;
}
.related-link:hover{border-color:rgba(98,201,239,.42);background:rgba(98,201,239,.05);color:#fff}
.related-icon{font-size:28.6px;line-height:1}
.related-arrow{margin-left:auto;color:var(--muted2)}
.navigation{max-width:1072px;justify-content:center;margin:20px auto 28px;padding:0 10px}
.map-frame:fullscreen,.map-frame:-webkit-full-screen{width:100vw;height:100vh;background:#061019;display:flex;align-items:center;justify-content:center;padding:18px}
.map-frame:fullscreen .map-shell,.map-frame:-webkit-full-screen .map-shell{width:min(100%,calc(100vh * 1.901));height:auto;max-height:100%;aspect-ratio:1009.6727 / 530.96301}
.map-frame:fullscreen .map-fullscreen-btn,.map-frame:-webkit-full-screen .map-fullscreen-btn{top:14px;right:14px}
@media(max-width:1270px){
  .main-grid{grid-template-columns:1fr}
  .side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sidethings{display:none}
  .list-panel{min-height:0}
}
@media(max-width:980px){
  .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .content-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .side-stack{grid-template-columns:1fr}
}
@media(max-width:700px){
  .topbar-inner{padding:13px 14px;min-height:88px;align-items:flex-start}
  .brand-logo{width:60px;height:60px;flex-basis:60px;margin-top:2px}
  h1{font-size:32.5px;margin-top:4px}
  .lead{font-size:17.6px;line-height:1.5}
  .hero-topline{margin-bottom:4px}
  .source-chip{display:none}
  .page{padding:14px 12px 30px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stat-card{padding:12px 13px;border-radius:13px}
  .stat-value{font-size:31.2px}
  .stat-card:last-child{grid-column:span 2}
  .panel{border-radius:14px}
  .panel-head{padding:12px 12px 10px;align-items:flex-start}
  .feed-status{font-size:13.7px}
  .panel-subtitle{font-size:14.3px}
  .map-toolbar{padding:9px 10px}
  .toolbar-label{display:none}
  .tool-btn,.filter-btn{min-height:32px;padding:6px 9px;font-size:14.3px}
  .map-wrap{padding:8px}
  .map-shell{min-height:260px;border-radius:11px}
  .map-legend{left:7px;bottom:7px;max-width:calc(100% - 55px);gap:4px}
  .legend-chip{min-height:24px;padding:4px 6px;font-size:11.7px}
  .corner-btn{top:7px;right:7px;width:34px;height:34px}
  .map-sourcebar{padding:0 10px 10px;font-size:13px}
  .under-map{margin:10px 8px 0}
  .table-head{padding:12px 11px 10px}
  .table-title{font-size:20.8px}
  .quake-search{width:100%;min-width:220px}
  .table-tools{width:100%}
  .table-count{margin-left:auto}
  .content-card{padding:17px}
  .content-card h2{font-size:24.7px}
  .faq-panel,.related-panel{padding:16px}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-label{font-size:12.3px;letter-spacing:.055em}
  .stat-value{font-size:28.6px}
  .stat-sub{font-size:13px}
  .lead{display:none}
  .live-chip{font-size:12.3px}
  .panel-head{display:block}
  .feed-status{margin-top:7px;justify-content:flex-start}
  .map-toolbar{display:block}
  .toolbar-group + .toolbar-group{margin-top:7px}
  .map-shell{min-height:220px}
  .legend-chip:nth-child(4){display:none}
  .quake-search{min-width:0}
}

/* =========================================================
   SCIENTIFIC LIGHT THEME V2
   Deliberately plain, data-first and closer to seismology / government data sites.
   ========================================================= */
:root{
  --bg:#f3f5f7;
  --bg2:#eef1f4;
  --panel:#ffffff;
  --panel2:#fafbfc;
  --panel3:#f6f8fa;
  --line:#d9dee4;
  --line-strong:#c5ccd4;
  --text:#1f2933;
  --muted:#5f6b76;
  --muted2:#7b8792;
  --teal:#0b6e75;
  --cyan:#1769aa;
  --cyan2:#0b5f9a;
  --amber:#b66a12;
  --orange:#c65f19;
  --red:#c43d35;
  --purple:#7057a8;
  --green:#287a4b;
  --shadow:0 2px 8px rgba(27,39,51,.06);
}
html{background:var(--bg)}
body{
  color:var(--text);
  background:#f3f5f7;
}
a{color:#075f9b}
a:hover{color:#003f6b}
.topbar{
  background:#fff;
  border-bottom:1px solid #d7dce1;
  box-shadow:0 1px 4px rgba(31,41,51,.05);
}
.topbar-inner{min-height:102px}
.brand-logo{filter:none;width:70px;height:70px;flex-basis:70px}
.hero-topline{margin-bottom:5px}
.live-chip,.source-chip{
  background:#f8fafb;
  border-color:#d8dde3;
  color:#51606d;
}
.live-chip::before{background:#2f855a;box-shadow:none}
h1{color:#1d2731;font-size:40.3px}
.lead{color:#53616d}
.page{padding-top:18px}
.stats-grid{gap:10px}
.stat-card{
  background:#fff;
  border-color:#d9dee4;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(31,41,51,.04);
}
.stat-card::before{width:4px;background:#1769aa}
.stat-card:nth-child(2)::before{background:#c43d35}
.stat-card:nth-child(3)::before{background:#b66a12}
.stat-card:nth-child(4)::before{background:#7057a8}
.stat-card:nth-child(5)::before{background:#287a4b}
.stat-label{color:#5f6b76}
.stat-value{color:#1e2933;font-size:35.1px}
.stat-sub{color:#7b8792}
.panel{
  background:#fff;
  border-color:#d7dce1;
  border-radius:9px;
  box-shadow:0 1px 4px rgba(31,41,51,.05);
}
.panel-head{
  background:#fafbfc;
  border-bottom-color:#dfe3e7;
}
.panel-title{color:#202a33}
.panel-subtitle{color:#6a7681}
.feed-status{color:#67747f}
.feed-dot{background:#98a2ab;box-shadow:none}
.feed-status.is-live .feed-dot{background:#2f855a;box-shadow:none}
.feed-status.is-error .feed-dot{background:#c43d35;box-shadow:none}
.map-toolbar{
  background:#f5f7f9;
  border-bottom-color:#dfe3e7;
}
.toolbar-label{color:#697681}
.tool-btn,.filter-btn{
  background:#fff;
  color:#37434e;
  border-color:#c8cfd6;
  border-radius:5px;
  box-shadow:0 1px 1px rgba(31,41,51,.03);
}
.tool-btn:hover,.filter-btn:hover{
  background:#f0f6fa;
  color:#163c59;
  border-color:#7ca7c4;
}
.filter-btn.active,.tool-btn.active{
  background:#e8f2f8;
  border-color:#4f8db5;
  color:#0b527f;
  box-shadow:none;
}
.tool-btn.near-me{border-color:#91b5a1}
.tool-btn.near-me:hover{border-color:#4f8a67;background:#eef7f1}
.map-wrap{background:#fff}
.map-shell{
  border-color:#bbc4cc;
  border-radius:5px;
  background:#edf4f8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
}
.map-base{background:#edf4f8}
.map-tooltip{
  border-color:#c8d0d7;
  border-radius:6px;
  background:rgba(255,255,255,.98);
  box-shadow:0 6px 20px rgba(31,41,51,.18);
  backdrop-filter:none;
}
.tooltip-mag{color:#17212b}
.tooltip-place{color:#2e3943}
.tooltip-meta{color:#66727d}
.tooltip-hint{color:#075f9b}
.corner-btn{
  border-color:#bfc8d0;
  border-radius:5px;
  background:rgba(255,255,255,.96);
  color:#34414c;
  box-shadow:0 1px 4px rgba(31,41,51,.14);
  backdrop-filter:none;
}
.corner-btn:hover{background:#f0f4f7;color:#163c59;border-color:#8ba5b7}
.legend-chip{
  border-color:#c7cfd6;
  border-radius:4px;
  background:rgba(255,255,255,.94);
  color:#475560;
  backdrop-filter:none;
}
.legend-line{border-top-color:#b7632d}
.near-me-result{
  border-color:#b8d2c2;
  border-radius:6px;
  background:#f0f8f3;
  color:#405148;
}
.near-me-result strong{color:#1f3026}
.near-me-privacy{color:#6c7c73}
.map-sourcebar{color:#65717c;background:#fff}
.map-sourcebar a{color:#075f9b}
.list-panel{background:#fff}
.list-title{color:#25303a}
.list-note{color:#74808b}
.rank-item{
  border-color:#e0e4e8;
  border-radius:5px;
  background:#fafbfc;
}
.rank-name{color:#37434e}
.rank-count{color:#075f9b}
.rank-meta{color:#78848f}
.under-map{background:#fff}
.table-head{border-bottom-color:#dde2e7;background:#fafbfc}
.table-title{color:#202a33}
.table-subtitle{color:#6a7681}
.quake-search{
  background:#fff;
  color:#27323c;
  border-color:#c5ccd4;
  border-radius:5px;
}
.quake-search::placeholder{color:#909aa3}
.quake-search:focus{border-color:#4f8db5;box-shadow:0 0 0 2px rgba(23,105,170,.10)}
.table-count{color:#6a7681}
.table-wrap{scrollbar-color:#a9b3bc #eef1f4}
.attack-table thead{background:#eef2f5}
.attack-table th{border-bottom-color:#cfd6dc;color:#52606b}
.attack-table td{border-bottom-color:#e8ebee;color:#3f4b56}
.attack-table tbody tr:hover{background:#f6f9fb}
.sig{color:#24303a}
.sig a{color:#1f4f70}
.sig a:hover{color:#003f6b}
.meta-small{color:#79858f}
.sev-low{color:#0d5d94;background:#edf6fb;border-color:#b8d6e8}
.sev-medium{color:#8b520f;background:#fff7e8;border-color:#e7cb9e}
.sev-high{color:#9f2f2a;background:#fff0ef;border-color:#e7b4b0}
.status-badge{color:#5d6974;background:#f5f7f8;border-color:#d6dce1}
.status-badge.tsunami{color:#624c91;border-color:#c9bce0;background:#f5f1fb}
.status-badge.reviewed{color:#28653f;border-color:#b8d8c4;background:#eff8f2}
.content-card{
  background:#fff;
  border-color:#d7dce1;
  border-radius:8px;
  box-shadow:0 1px 4px rgba(31,41,51,.04);
}
.content-card::before{height:3px;background:#1769aa}
.content-kicker{color:#1769aa}
.content-card h2,.faq-head h2,.related-head h2{color:#202a33}
.content-card p,.content-card li{color:#4f5c67}
.content-card strong{color:#25303a}
.faq-head p,.related-head p{color:#66737e}
.faq-item{border-top-color:#e2e6ea}
.faq-item h3{color:#28343e}
.faq-item p{color:#52606b}
.related-link{
  border-color:#d7dce1;
  border-radius:6px;
  background:#fafbfc;
  color:#2f3c46;
}
.related-link:hover{border-color:#9eb9cb;background:#f2f7fa;color:#174b6d}
.related-arrow{color:#7b8792}
.map-frame:fullscreen,.map-frame:-webkit-full-screen{background:#edf1f4}

@media(max-width:700px){
  .brand-logo{width:58px;height:58px;flex-basis:58px}
  .stat-card,.panel,.content-card{border-radius:6px}
  .map-shell{border-radius:4px}
}
/* Make the overall document almost entirely white; only the map/data surfaces use pale gray-blue. */
html,body{background:#ffffff}
.page{background:#ffffff}


/* =========================================================
   V3 READABILITY + MOBILE CONTAINMENT
   ========================================================= */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}
.topbar,.topbar-inner,.page,.main-grid,.main-grid>*,.panel,.under-map,
.table-head,.table-tools,.table-wrap,.side-stack,.content-grid,.faq-grid,
.related-grid,.earth-mini-news,.edt-leaderboard-promo,.navigation{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
img,svg,canvas,video{
  max-width:100%;
}
iframe{
  max-width:100% !important;
}
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
}
.compact-related{
  margin:14px 12px 0;
  padding:12px;
}
.compact-related .related-grid{
  margin:0;
}
.near-me-result{
  margin:10px 14px 0;
}
.near-me-result.show{
  display:block;
}

@media(max-width:700px){
  html,body,.topbar,.topbar-inner,.page,.main-grid,.main-grid>*,
  .panel,.under-map,.table-head,.table-tools,.side-stack,.content-grid,
  .faq-grid,.related-grid,.earth-mini-news,.edt-leaderboard-promo,.navigation{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .panel-head{
    flex-wrap:wrap;
  }
  .feed-status{
    white-space:normal;
  }
  .map-toolbar,.toolbar-group{
    max-width:100%;
  }
  .table-head{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .table-tools{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .quake-search{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .table-count{
    margin-left:0;
    white-space:normal;
  }
  .stat-label,.stat-sub{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .compact-related{
    margin:10px 8px 0;
    padding:10px;
  }
  .near-me-result{
    margin:8px 10px 0;
  }
  .sidethings,.earth-mini-news,.edt-leaderboard-promo{
    overflow:hidden;
  }
}


/* =========================================================
   V4 DESKTOP CONTAINER CORRECTION
   V3's global containment rule accidentally overrode the
   desktop max-width on .topbar-inner and .page.
   ========================================================= */
body{
  background:#f3f5f6;
}
.page{
  background:transparent;
}

@media(min-width:701px){
  .topbar-inner,
  .page{
    width:calc(100% - 48px);
    max-width:1480px !important;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:700px){
  body{
    background:#ffffff;
  }
}


/* =========================================================
   V5 WIDTH + SHARED NAV + NEAREST-QUAKE MAP EFFECT
   ========================================================= */
@media(min-width:701px){
  .topbar-inner,
  .page{
    width:calc(100% - 48px);
    max-width:1650px !important;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Keep the shared EDT directory at its original network width/style. */
.navigation{
  width:calc(100% - 20px) !important;
  max-width:1072px !important;
  margin:20px auto 28px !important;
  padding:0 10px !important;
}

/* Brief visual confirmation while the location-to-quake overlay is active. */
.map-shell.near-me-active{
  box-shadow:
    inset 0 0 0 1px rgba(32,134,91,.16),
    0 0 0 2px rgba(32,134,91,.05);
}


/* =========================================================
   V6 COMPACT HEADER + LARGE-TYPE CORRECTION
   Small/supporting text sizes intentionally left unchanged.
   ========================================================= */

/* Desktop header: chips removed, tighter vertical footprint. */
@media(min-width:701px){
  .topbar-inner{
    min-height:90px;
    padding-top:10px;
    padding-bottom:10px;
  }

  /* 20% reduction from V5's large header typography. */
  h1{
    font-size:32.2px;
  }

  .lead{
    font-size:16.2px;
    line-height:1.55;
    margin-top:6px;
  }
}

/* FAQ large typography only. Body/supporting copy stays unchanged. */
.faq-head h2{
  font-size:23.9px;
}

.faq-item h3{
  font-size:15.6px;
}

/* Mobile versions of the same large type get the same ~20% reduction. */
@media(max-width:700px){
  h1{
    font-size:26px;
  }

  .lead{
    font-size:14.1px;
  }

  .faq-head h2{
    font-size:23.9px;
  }

  .faq-item h3{
    font-size:15.6px;
  }
}


/* =========================================================
   V7 TYPE-SCALE TUNING
   Only the requested areas are changed.
   ========================================================= */

/* Top statistic values only: ~10% smaller. */
.stat-value{
  font-size:31.6px;
}

/* FAQ: ~20% reduction across heading, intro, questions and answers. */
.faq-head h2{
  font-size:19.1px;
}

.faq-head p{
  font-size:14.1px;
}

.faq-item h3{
  font-size:12.5px;
}

.faq-item p{
  font-size:13.5px;
}

@media(max-width:700px){
  .stat-value{
    font-size:28.1px;
  }
}

@media(max-width:480px){
  .stat-value{
    font-size:25.7px;
  }
}


/* =========================================================
   V8 CORRECTED BOTTOM-SECTION TYPE + WIDTH
   ========================================================= */

/* Earth Science / Live Tracking / Near Me / etc. */
.content-kicker{
  font-size:11px; /* ~20% smaller */
}

.content-card h2{
  font-size:21.8px; /* ~20% smaller */
}

/* Make the whole lower information-card block ~20% narrower on desktop. */
@media(min-width:701px){
  .content-grid{
    width:80%;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Restore the actual FAQ body typography that V7 reduced by mistake. */
.faq-head p{
  font-size:17.6px;
}

.faq-item h3{
  font-size:15.6px;
}

.faq-item p{
  font-size:16.9px;
}

/* Make "Earthquake tracker FAQ" about 20% larger. */
.faq-head h2{
  font-size:28.7px;
}

@media(max-width:700px){
  .content-grid{
    width:100%;
  }

  .content-kicker{
    font-size:11px;
  }

  .content-card h2{
    font-size:19.8px;
  }

  .faq-head h2{
    font-size:28.7px;
  }
}


/* =========================================================
   V9 REMOVE DUPLICATE FAQ + MINI NEWS WIDTH
   ========================================================= */

/* Mini News: 10% narrower and centered on desktop. */
@media(min-width:701px){
  .earth-mini-news{
    width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:700px){
  .earth-mini-news{
    width:100% !important;
  }
}


/* =========================================================
   V10 MULTILINGUAL HEADER / LANGUAGE SELECTOR
   ========================================================= */
.topbar-inner{position:relative}
.language-switcher{position:relative;flex:0 0 auto;z-index:80}
.language-button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid #c8cfd6;
  border-radius:6px;
  background:#fff;
  color:#33414c;
  font-size:15px;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(31,41,51,.04);
}
.language-button:hover{background:#f5f8fa;border-color:#98adbc}
.language-current-flag,.language-flag{font-size:18px;line-height:1}
.language-caret{font-size:12px;color:#71808b}
.language-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:min(560px,92vw);
  max-height:min(520px,72vh);
  overflow:auto;
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:10px;
  border:1px solid #cfd6dc;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 34px rgba(31,41,51,.16);
}
.language-switcher.open .language-menu{display:grid}
.language-option{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:5px;
  color:#33414c;
  font-size:14px;
  font-weight:650;
  text-decoration:none !important;
  white-space:nowrap;
}
.language-option:hover{background:#f2f7fa;border-color:#d6e3eb;color:#174b6d}
.language-option.active{background:#eaf3f8;border-color:#b7d0df;color:#0b527f}
.language-option.disabled{opacity:.40;cursor:not-allowed}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .language-menu{right:auto;left:0}
html[dir="rtl"] .table-tools{direction:rtl}
html[dir="rtl"] .attack-table{direction:rtl}

@media(max-width:700px){
  .topbar-inner{flex-wrap:wrap}
  .hero-copy{flex:1 1 calc(100% - 135px)}
  .language-switcher{margin-left:auto}
  .language-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .language-current-name{display:none}
  .language-button{padding:8px 9px;min-width:44px}
  .language-menu{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:70vh}
  html[dir="rtl"] .language-menu{left:12px;right:12px}
}


/* =========================================================
   V11 LANGUAGE SELECTOR + COMPACT MOBILE HEADER
   ========================================================= */

/* 36 languages = 4 columns x 9 rows. */
.language-menu{
  width:min(680px,92vw);
  grid-template-columns:repeat(4,minmax(0,1fr));
}

/* Keep language names usable in the tighter 4-column layout. */
.language-option{
  white-space:normal;
  line-height:1.18;
}

/* Under 700px the SEO lead disappears and the header stays one row.
   The title is allowed to wrap inside its own column while the compact
   language button remains at the right instead of dropping underneath. */
@media(max-width:700px){
  .topbar-inner{
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px;
    min-height:0 !important;
    padding:10px 12px !important;
  }

  .topbar-inner > a{
    flex:0 0 auto;
  }

  .brand-logo{
    width:54px !important;
    height:54px !important;
    flex-basis:54px !important;
    margin-top:0 !important;
  }

  .hero-copy{
    flex:1 1 0 !important;
    min-width:0;
  }

  .hero-copy h1,
  h1{
    margin:0 !important;
    font-size:28px !important;
    line-height:1.08;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }

  .lead{
    display:none !important;
  }

  .language-switcher{
    flex:0 0 auto;
    margin-left:auto !important;
    align-self:center;
  }

  .language-current-name{
    display:none !important;
  }

  .language-button{
    min-width:42px;
    min-height:38px;
    padding:6px 7px;
    gap:5px;
  }

  /* About 25% narrower than the previous near-full-width mobile menu. */
  .language-menu{
    position:absolute !important;
    top:calc(100% + 7px) !important;
    right:0 !important;
    left:auto !important;
    width:min(72vw,420px) !important;
    max-height:72vh;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:4px;
    padding:7px;
  }

  .language-option{
    gap:4px;
    padding:7px 5px;
    font-size:11.5px;
    line-height:1.12;
    overflow-wrap:anywhere;
  }

  .language-flag{
    flex:0 0 auto;
    font-size:16px;
  }

  html[dir="rtl"] .language-menu{
    left:0 !important;
    right:auto !important;
  }
}

@media(max-width:420px){
  .topbar-inner{
    gap:8px;
    padding:9px 10px !important;
  }

  .brand-logo{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  .hero-copy h1,
  h1{
    font-size:25px !important;
    line-height:1.08;
  }

  .language-button{
    min-width:40px;
    min-height:36px;
    padding:5px 6px;
  }

  .language-menu{
    width:72vw !important;
  }

  .language-option{
    font-size:10.8px;
    padding:6px 4px;
  }
}



.sidethings {
    
    border-radius: 12px !important;
    overflow: hidden;
    
}