/* ratg.de – Themen-Filter und Etiketten im Zeitstrahl Legal KI (0.4.6). Nur auf Seiten mit Zeitstrahl geladen
   (ratg_block_zeitstrahl), damit style.css unter 30 KB bleibt. Knöpfe laufen am Handy um; die Leiste zeigt erst das Skript. */
.zs-filter{margin:0 0 1.75rem; font-family:var(--sans); scroll-margin-top:1rem}
.text .zs-filter-titel{font:700 .875rem/1.3 var(--sans); text-transform:uppercase; letter-spacing:.06em; color:var(--petrol); margin:0 0 .6rem}
.zs-knoepfe{display:flex; flex-wrap:wrap; gap:.4rem}
.text .zs-knopf{display:inline-flex; align-items:center; gap:.45rem; min-height:44px; max-width:100%; padding:.4rem .8rem; border:1px solid var(--petrol); border-radius:var(--r);
  background:var(--weiss); color:var(--petrol); font:600 .875rem/1.2 var(--sans); text-align:left; cursor:pointer; scroll-margin-top:1rem}
.text .zs-knopf:hover{background:var(--petrol-hell)}
.text .zs-knopf[aria-pressed="true"]{background:var(--petrol); color:var(--weiss)}
.zs-anzahl{font-weight:500; font-variant-numeric:tabular-nums; opacity:.85}
.text .zs-ansage{font:.875rem/1.4 var(--sans); color:var(--grau); margin:.6rem 0 0}
.text .zs-etiketten{display:flex; flex-wrap:wrap; gap:.3rem; margin:.4rem 0 0}
.text .zs-etikett{display:inline-block; padding:.25rem .55rem; border:1px solid var(--linie); border-radius:999px; background:var(--papier); color:var(--grau);
  font:600 .75rem/1.4 var(--sans); text-decoration:none}
.text .zs-etikett:hover{border-color:var(--petrol); color:var(--petrol)}
.zeitstrahl [hidden],.vorschau[hidden],.vorschau [hidden],.zs-filter[hidden]{display:none !important}
/* Druck: ohne Leiste; alle Einträge zeigt das Skript bei beforeprint (Prüfung 0.4.6, Befund 6). */
@media print{ .zs-filter{display:none !important} }