.node-country[hidden], .node-country [hidden] { display: none !important; }
.node-country { display: inline-flex; flex: 0 0 auto; vertical-align: middle; max-width: 100%; }
.node-country-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 4px 7px; border: 1px solid #d6ddd71c; border-radius: 7px; background: linear-gradient(135deg, #ffffff05, transparent); box-shadow: inset 0 1px #ffffff05; color: #c5cbd2; cursor: help; font: 500 10px/1.2 'IBM Plex Mono', monospace; letter-spacing: .06em; transition: border-color .2s, box-shadow .2s; }
.node-country-badge:hover { color: #fff0dd; border-color: #e6a26066; box-shadow: 0 0 14px #ff9b3010; }
.node-country .node-country-flag { width: 24px; height: 18px; min-width: 24px; object-fit: cover; border-radius: 3px; filter: none; opacity: 1; box-shadow: 0 0 0 1px #ffffff16; }
.node-country-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; min-width: 0; }
.node-country-heading > h1, .node-country-heading > h2 { min-width: 0; margin-bottom: 0; overflow-wrap: anywhere; }
.node-country-heading > h1, .node-country-heading > h2, .node-country-heading > a { max-width: 100%; }
.kd-selected-node { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
.kd-selected-node .kd-node-link { min-width: 0; flex: 1; }
@media (max-width: 600px) {
  .node-country-badge { min-height: 30px; padding: 4px 6px; gap: 5px; }
  .node-country-heading { gap: 6px 8px; }
  .kd-selected-node { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .node-country-badge { transition: none; } }