/* Atlas wyborów: pasek działów (na każdej stronie) i blok „Gmina w liczbach” w panelu jednostki na mapie wyborów. */
.dzialy { background: var(--granat-jasny, #EEF3FB); border-bottom: 1px solid var(--ramka, #D9DEE6); }
.dzialy__srodek { display: flex; align-items: center; justify-content: space-between; gap: 4px 24px; padding-top: 6px; padding-bottom: 6px; }
.dzialy a.dzialy__nazwa { flex: none; padding: 0; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--granat-ciemny, #103061); background: none; }
.dzialy ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; gap: 4px; min-width: 0; }
.dzialy a { display: block; padding: 8px 14px; border-radius: var(--radius-sm, 8px); font-size: 15px; font-weight: 600; color: var(--text, #1B2433); white-space: nowrap; text-decoration: none; transition: background .15s ease, color .15s ease; }
.dzialy li a:hover { background: #fff; color: var(--granat, #18478E); }
.dzialy li a[aria-current] { background: var(--granat, #18478E); color: #fff; }
@media (max-width: 720px) {
  .dzialy__srodek { flex-direction: column; align-items: stretch; gap: 4px; }
  .dzialy ul { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .dzialy a { padding: 8px 12px; font-size: 14px; }
}

.wyb-zakladki { display: flex; flex-wrap: wrap; background: var(--biel, #fff); border: 1px solid var(--ramka, #D9DEE6); border-radius: 10px; margin: 0 0 20px; overflow: hidden; }
.wyb-zakladki a { flex: 1 1 140px; padding: 12px 10px; text-align: center; font-weight: 700; color: var(--granat-ciemny, #103061); text-decoration: none; border-bottom: 3px solid transparent; }
.wyb-zakladki a + a { border-left: 1px solid var(--ramka, #D9DEE6); }
.wyb-zakladki a small { display: block; font-size: 12px; font-weight: 400; color: var(--szary, #5B6577); }
.wyb-zakladki a:hover { background: var(--granat-jasny, #EEF3FB); }
.wyb-zakladki a[aria-current] { border-bottom-color: var(--granat, #18478E); }

.gw { margin-top: 20px; padding: 14px; border: 1px solid var(--ramka, #D9DEE6); border-radius: 10px; background: var(--granat-jasny, #EEF3FB); }
.gw__glowa { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.gw__glowa h3 { margin: 0; font-size: 16px; }
.gw__herb { width: 34px; height: 39px; object-fit: contain; flex: none; }
.gw__zrodlo { margin: 0; font-size: 12px; color: var(--szary, #5B6577); }
.gw__kafle { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gw__kafel { background: #fff; border: 1px solid var(--ramka, #D9DEE6); border-radius: 8px; padding: 9px 10px; min-width: 0; }
.gw__nazwa, .gw__opis, .gw__pozycja { display: block; font-size: 12px; color: var(--szary, #5B6577); line-height: 1.35; }
.gw__nazwa { font-weight: 600; color: var(--granat-ciemny, #103061); }
.gw__kafel strong { display: block; font-size: 20px; font-weight: 800; color: var(--granat, #18478E); line-height: 1.3; font-variant-numeric: tabular-nums; }
.gw__pasek { display: block; height: 4px; margin: 6px 0 3px; border-radius: 2px; background: #E3E8F0; overflow: hidden; }
.gw__pasek span { display: block; height: 100%; background: var(--zielen, #AAD042); }
.gw a.gw__profil { display: block; margin-top: 12px; text-align: center; text-decoration: none; color: #fff; }
.gw__lacza { margin: 10px 0 0; font-size: 13px; text-align: center; }
@media (max-width: 380px) { .gw__kafle { grid-template-columns: 1fr; } }

.gw__cechy { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 10px; }
.gw__cechy a { padding: 2px 10px; border-radius: 999px; background: var(--granat, #18478E); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }