section.export-map h3 {
    font-size: 28px;
    margin-bottom: 10PX;
}

:root{
  --primary1:#00539b;
  --top101:#0ea5e9;
  --hover1:#22c55e;
  --bg1:#ffffff;
  --text1:#0f172a;
  --muted1:#64748b;
  --card1:#ffffff;
  --stroke1:#ffffff;
  --country-off1:#eef2f7;

  --shadow1: 0 20px 40px rgba(2, 6, 23, .08);
  --shadow1-soft: 0 10px 22px rgba(2, 6, 23, .10);
}

.export-map .head{ text-align:center; margin-bottom:22px; }
.export-map .head h1{
  margin:0 0 8px;
  font-size:34px;
  font-weight:800;
  color:var(--primary1);
}
.export-map .head p{ margin:0; color:var(--muted1); font-size:15px; }

.export-map .mapBox{
  position:relative;
  background:var(--card1);
  border-radius:22px;
  padding:14px;
  box-shadow: var(--shadow1);
  overflow: visible;
}

.export-map .svgHost{ width:100%; display:block; padding: 6px 6px 34px; aspect-ratio: 2 / 1; }
.export-map .svgHost svg{
  height: 100%;
  width: 100%;

  width:100%;
  height:auto;
  display:block;
  max-width:none;
  overflow:visible;
}
.export-map .svgHost svg[width]{ width:100% !important; }
.export-map .svgHost svg[height]{ height:auto !important; }

.export-map .legend{
  position:absolute;
  left:16px;
  bottom:16px;
  background:rgba(255,255,255,.95);
  border-radius:999px;
  padding:10px 14px;
  display:flex;
  gap:14px;
  font-size:12px;
  color:var(--muted1);
  box-shadow:0 8px 18px rgba(2,6,23,.12);
  flex-wrap:wrap;
}

.export-map .dot{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:6px; }
.export-map .dot.export{ background:var(--primary1); }
.export-map .dot.top10{ background:var(--top101); }

/* Tooltip: white pill button */
.export-map .tooltip{
  position:fixed;
  transform:translate(-9999px,-9999px);
  z-index:99999;
  pointer-events:none;
  opacity:0;
  transition: opacity .10s ease;
  top: 0;
  left: 0;
}
.export-map .tooltip.is-visible{ opacity:1; }
.export-map .tooltipText{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(0,83,155,.18);
  color: var(--primary1);
  font-weight: 800;
  font-size: 13px;
  box-shadow: 0 12px 22px rgba(2,6,23,.16);
  white-space: nowrap;
}

/* Countries section (same as v5) */
.export-map .countries{
  margin-top:18px;
  background: var(--card1);
  border-radius:22px;
  box-shadow: var(--shadow1);
  padding: 16px 16px 12px;
}
.export-map .countriesHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.export-map .countriesHead h2{ margin:0; font-size:16px; font-weight:800; color:var(--text1); }

.export-map .searchWrap{ flex:1; display:flex; justify-content:flex-end; }
.export-map .search{
  width:100%;
  max-width:260px;
  border:1px solid #e6eef7;
  background:#fbfdff;
  border-radius:999px;
  padding:10px 12px;
  font-size:12px;
  outline:none;
}
.export-map .search:focus{
  border-color: rgba(0,83,155,.35);
  box-shadow: 0 0 0 4px rgba(0,83,155,.10);
}

.export-map .countryGrid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
@media (max-width:980px){ .export-map .countryGrid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:520px){ .export-map .countryGrid{ grid-template-columns: 1fr; } }

.export-map .countryCol{
  border:1px solid #eef2f7;
  border-radius:16px;
  padding:10px 10px 8px;
  background:#fff;
}
.export-map .colTitle{
  margin:0 0 8px;
  font-size:13px;
  font-weight:800;
  color:var(--primary1);
  min-height:18px;
}
.export-map .countryList{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.export-map .countryItem{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid #eef2f7;
  background:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.export-map .countryItem:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 16px rgba(2,6,23,.10);
  border-color: rgba(0,83,155,.20);
}
.export-map .countryItem.is-hidden{ display:none; }
.export-map .countryCol.is-dim .countryItem{ opacity:.35; }
.export-map .hint{ margin:10px 4px 4px; color:var(--muted1); font-size:12px; }