/* Plattform-Seiten (Wahlabende Berlin, Mecklenburg-Vorpommern, Übersicht, Archiv) – ergänzt wahlabend.css */

/* Umschalter der Wahlabende: zweite Zeile im Kopf, mobil seitlich scrollbar */
.abende { background: #3F1B61; color: #fff; }
.abende ul {
  list-style: none; margin: 0 auto; padding: 0 var(--rand); max-width: var(--breite);
  display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none;
}
.abende ul::-webkit-scrollbar { display: none; }
.abende li { flex: none; }
.abende a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px;
  color: #fff; font-weight: 500; font-size: 15px; text-decoration: none; white-space: nowrap;
}
.abende a:hover { background: rgba(255, 255, 255, .12); }
.abende a:focus-visible { outline: 3px solid var(--gelb); outline-offset: -3px; }
.abende a[aria-current] { background: rgba(255, 255, 255, .18); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .3em; }

/* Übersicht: eine Karte je Wahlabend */
.abendkarten {
  list-style: none; margin: var(--a-5) 0 0; padding: 0;
  display: grid; gap: var(--a-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}
.abendkarte { border: 1px solid var(--linie); border-radius: 10px; padding: var(--a-4); background: var(--papier); display: grid; gap: var(--a-2); align-content: start; }
.abendkarte h2 { font: 700 24px/1.15 var(--cond); }
.abendkarte h2 a { color: var(--tinte); text-decoration: none; }
.abendkarte h2 a:hover { text-decoration: underline; }
.abendkarte__wahl { font-weight: 500; }

/* Archiv */
.archiv-jahr { margin-top: var(--a-4); }
.archiv-jahr h3 { font: 700 20px/1.2 var(--cond); }
.archiv-wahlen { list-style: none; margin: var(--a-2) 0 0; padding: 0; display: grid; gap: var(--a-1); }
.archiv-wahlen a { display: inline-block; padding: 6px 0; }
@media (pointer: coarse) { .archiv-wahlen a { min-height: 44px; } }