.visitor-counter { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; width:min(1240px, calc(100% - 32px)); margin:32px auto; padding:28px; background:#202027; color:#fff; border-top:4px solid #ff6975; border-radius:12px; }
.visitor-counter h2 { margin:0 0 12px; font-size:1.25rem; line-height:1.5; }
.visitor-counter h2 span { font-weight:400; }
.visitor-counter p { margin:4px 0; font-size:.875rem; line-height:1.6; color:#d6d6df; }
.visitor-counter output { font-size:clamp(2rem, 6vw, 3.5rem); font-weight:800; color:#ff919a; overflow-wrap:anywhere; max-width:100%; font-variant-numeric:tabular-nums; }
.visitor-counter output.visitor-counter-error { font-size:1rem; max-width:24rem; }

.visitor-countries { flex-basis:100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:12px; padding:0; margin:0; list-style:none; }
.visitor-countries li { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #49404a; border-radius:8px; font-size:1rem; min-width:0; }
.visitor-countries li > span:nth-child(2) { overflow-wrap:anywhere; }
.visitor-countries strong { margin-inline-start:auto; color:#ff919a; font-variant-numeric:tabular-nums; }
.visitor-flag { font-size:1.5rem; }
.visitor-countries small { color:#ccc; font-size:.875rem; }
.visitor-country-note { flex-basis:100%; }