/* Born Somewhere · additions on top of the shared /style.css */
.world-map svg { width: 100%; height: auto; display: block; overflow: visible; }
.world-map .dots circle { fill: color-mix(in srgb, var(--ink) 14%, transparent); }
.world-map .bub circle { fill: color-mix(in srgb, var(--red2) 50%, transparent); stroke: color-mix(in srgb, var(--red2) 80%, transparent); stroke-width: .8; transition: fill .4s; cursor: default; }
.world-map .bub:hover circle, .world-map .bub.hit circle { fill: color-mix(in srgb, var(--gold) 80%, transparent); }
.world-map .bub text { fill: var(--ink); font-size: 10px; text-anchor: middle; pointer-events: none; font-weight: 600; paint-order: stroke; stroke: color-mix(in srgb, var(--bg) 70%, transparent); stroke-width: 3px; }
.world-map .pulse { fill: none; stroke: var(--gold); stroke-width: 1.6; transform-box: fill-box; transform-origin: center; animation: pulse 2.6s ease-out forwards; }

html[lang="en"] h1.w-h1 { font-size: clamp(40px, 4.6vw, 78px); letter-spacing: 0; }
html[lang="en"] .btn-primary.big { letter-spacing: 4px; }
html[lang="en"] .seal { font-size: 15px; letter-spacing: 1px; }
.cn-link { color: var(--gold); text-decoration: none; }
.cn-link:hover { text-decoration: underline; }

.region-bar { display: flex; height: 22px; border-radius: 5px; overflow: hidden; margin-top: 8px; }
.region-bar i { display: flex; align-items: center; justify-content: center; height: 100%; background: hsl(calc(var(--h) * 1deg + 10deg), 45%, 45%); font-style: normal; min-width: 2px; }
.region-bar span { font-size: 10px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; }

.cert-cn { background: color-mix(in srgb, var(--gold) 14%, transparent); border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); border-radius: 4px; padding: 10px 12px; margin: 14px 0; font-size: 13px; line-height: 1.7; }
.cert-cn a { color: inherit; font-weight: 700; }
.lr-place { min-width: 12em; }

@media (max-width: 560px) {
  html[lang="en"] h1.w-h1 { font-size: 38px; white-space: normal; }
  .top-right { flex-wrap: wrap; justify-content: flex-end; }
  .lr-place { min-width: 0; }
}