/* « Nos dix ans » — globe interactif + mur des nations */

.ba-anniv-geo {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px 0 8px;
}
#ba-anniv-globe {
  position: relative;
  width: 360px;
  max-width: 100%;
  flex-shrink: 0;
  touch-action: pan-y;
}
.ba-globe-tip {
  position: absolute;
  pointer-events: none;
  background: #0a0a0a;
  color: #fafaf9;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: .02em;
  padding: 4px 9px;
  border-radius: 4px;
  transform: translate(-50%, -150%);
  opacity: 0;
  transition: opacity .15s ease;
  white-space: nowrap;
  z-index: 5;
}
.ba-anniv-geo-meta { text-align: left; }
.ba-anniv-num {
  font-family: 'Spectral', Georgia, serif;
  font-size: clamp(64px, 8vw, 88px);
  line-height: .85;
  color: #6b1f24;
  font-weight: 500;
}
.ba-anniv-cap {
  font-family: 'Spectral', Georgia, serif;
  font-style: italic;
  font-size: 19px;
  color: #5a5a5a;
  margin-top: 6px;
}
.ba-anniv-hint {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #8b6f47;
  margin-top: 16px;
}

/* Mur des nations */
.ba-nations {
  margin-top: 30px;
  columns: 4;
  column-gap: 26px;
}
@media (max-width: 900px) { .ba-nations { columns: 3; } }
@media (max-width: 600px) { .ba-nations { columns: 2; } }
.ba-nation {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
  break-inside: avoid;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12.5px;
  color: #0a0a0a;
}
.ba-flag {
  width: 20px;
  height: 15px;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, .08);
  flex-shrink: 0;
}