/* Werkzeug "Wer lebte wann?" (/entdecken/lebenslinien/, Welle 10, g06, 27.10.2026). Ergänzt die gemeinsamen Klassen in
   wilderwesten.css (Abschnitt "Werkzeuge der Welle 10"). Auswahl und Legende stehen im Fluss der Seite, nichts schwebt; die
   Balken sind mit Jahreszahlen beschriftet (Information nie nur über Farbe oder Länge). */
.ww-ll-gruppe .ww-w-wahlliste { gap: .3rem 1rem; }
.ww-ll-grafik { margin: 0 0 1.2rem; }
.ww-ll-grafik:empty { display: none; }
.ww-ll-rahmen { font-family: var(--ww-sans); overflow: hidden; }
.ww-ll-achse { position: relative; height: 1.4rem; margin: 0 0 .3rem; border-bottom: 1px solid var(--ww-linie-2); font-size: .78rem; color: var(--ww-tinte-2); font-variant-numeric: tabular-nums; }
.ww-ll-tick { position: absolute; bottom: .2rem; transform: translateX(-50%); white-space: nowrap; }
.ww-ll-tick:first-child { transform: none; }
.ww-ll-tick--ende { transform: translateX(-100%); }
.ww-ll-flaeche { position: relative; }
.ww-ll-linien { position: absolute; inset: 0; pointer-events: none; }
.ww-ll-linie { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dotted var(--ww-linie-2); }
.ww-ll-gemeinsam { position: absolute; top: 0; bottom: 0; background: var(--ww-ocker-tint); border-left: 1px solid var(--ww-ocker); border-right: 1px solid var(--ww-ocker); }
.ww-ll-zeilen, .ww-main .prose .ww-ll-zeilen { position: relative; list-style: none; margin: 0; padding: 0; }
.ww-ll-zeile, .ww-main .prose .ww-ll-zeile { margin: 0; padding: .35rem 0 .45rem; }
.ww-main .prose .ww-ll-kopf, .ww-ll-kopf { margin: 0 0 .2rem; font-size: .9rem; line-height: 1.35; }
.ww-ll-kopf a { font-weight: 700; }
.ww-ll-daten { margin-left: .5rem; color: var(--ww-tinte-2); font-variant-numeric: tabular-nums; }
.ww-ll-bahn { position: relative; height: 14px; }
.ww-ll-balken { position: absolute; top: 0; height: 14px; min-width: 3px; background: var(--ww-marke); border-radius: 3px; }
.ww-ll-balken--unsicher {
    background: repeating-linear-gradient(135deg, var(--ww-marke) 0 3px, var(--ww-marke-tint) 3px 7px);
    border: 1px solid var(--ww-marke); box-sizing: border-box;
}
.ww-ll-balken--offen { border-top-right-radius: 0; border-bottom-right-radius: 0; background: linear-gradient(90deg, var(--ww-marke) 75%, var(--ww-marke-tint)); border-right: 2px dashed var(--ww-marke); box-sizing: border-box; }
.ww-ll-um-links::before, .ww-ll-um-rechts::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 8px; box-sizing: border-box; border: 1px solid var(--ww-marke);
    background: repeating-linear-gradient(135deg, var(--ww-marke) 0 2px, var(--ww-marke-tint) 2px 5px);
}
.ww-ll-um-links::before { left: -8px; border-radius: 3px 0 0 3px; }
.ww-ll-um-rechts::after { right: -8px; border-radius: 0 3px 3px 0; }
.ww-main .prose .ww-ll-legende, .ww-ll-legende { margin: .6rem 0 0; font-family: var(--ww-sans); font-size: .84rem; color: var(--ww-tinte-2); }
.ww-main .prose .ww-ll-hinweis-titel, .ww-ll-hinweis-titel { margin: .9rem 0 .3rem; font-family: var(--ww-sans); font-weight: 800; font-size: .9rem; }
.ww-ll-hinweise, .ww-main .prose .ww-ll-hinweise { margin: 0; padding-left: 1.1rem; font-size: .88rem; line-height: 1.45; }
.ww-ll-hinweise li { margin: 0 0 .3rem; }
/* Tabelle der lesbaren Fassung */
.ww-ll-lesbar .ww-ll-jahr { display: block; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ww-ll-angabe { display: block; margin-top: .15rem; font-family: var(--ww-sans); font-size: .82rem; line-height: 1.4; color: var(--ww-tinte-2); }
.ww-ll-lesbar td .ww-w-beleg { margin-top: 0; }
@media (max-width: 560px) {
    .ww-ll-daten { display: block; margin-left: 0; }
    .ww-ll-tick { font-size: .72rem; }
}
@media print {
    .ww-ll-balken, .ww-ll-gemeinsam { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}