/* TGF.Chronik — filterbare Vereinschronik als vertikale Timeline.
   Liegt i.d.R. im Creme-Leseband: feste Leseband-Farben statt var(--text)/var(--muted). */

.tgf-chronik { color: inherit; }

/* ---------- Suchformular ---------- */
.tgf-chronik-suche {
    background: rgba(36, 27, 18, .04);
    border: 1px solid rgba(36, 27, 18, .1);
    border-radius: var(--radius, 2px);
    padding: 14px 16px;
}
.tgf-chronik-suche .form-label {
    font-size: .85rem;
    color: #6f5e4a;
}

/* ---------- Zähler + Jahres-Sprungmarken ---------- */
.tgf-chronik-zaehler { margin-top: 2rem; }   /* etwas mehr Luft nach dem Suchformular */
.tgf-chronik-zaehler p { margin: 0 0 .4rem; color: #3d3125; }
/* Sprung-Index kompakt: kleinere Jahreszahlen + enge Zeilen (sekundäre Navigation). */
.tgf-chronik-jahre { line-height: 1.35; }
.tgf-chronik-jahr-link {
    display: inline-block;
    margin: 0 .8rem .05rem 0;
    padding: 0;
    background: none;
    border: 0;
    font: inherit;
    font-size: .9rem;
    font-weight: 400;       /* nicht fett */
    color: var(--red, #c90000);
    cursor: pointer;
}
.tgf-chronik-jahr-link:hover { text-decoration: underline; }

/* ---------- Timeline ---------- */
.tgf-chronik-timeline {
    position: relative;
    margin-top: 2.6rem;   /* mehr Luft nach dem Jahres-Springerblock */
    padding-left: 28px;
}
/* durchgehende Linie */
.tgf-chronik-timeline::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: rgba(36, 27, 18, .15);
}

.tgf-chronik-jahr {
    position: relative;
    margin: 2rem 0 .9rem -28px;
    padding-left: 28px;
    /* normale Schrift, NICHT fett; gross genug, um beim Scrollen den Jahreswechsel klar zu sehen */
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    color: var(--red, #c90000);
    scroll-margin-top: 90px;   /* Sprungziel nicht unter einer fixen Kopfleiste verstecken */
}
.tgf-chronik-jahr:first-child { margin-top: 0; }

.tgf-chronik-entry { position: relative; margin: 0 0 1.1rem; }

/* Eintrags-Inhalt als Box mit sanftem, warmem Hintergrund. */
.tgf-chronik-inner {
    background: rgba(180, 147, 85, .12);
    border-radius: var(--radius, 2px);
    padding: 12px 16px 14px;
}

.tgf-chronik-marker {
    position: absolute;
    left: -30px;          /* grösserer Bullet, weiterhin mittig auf der Linie (x≈8) */
    top: 15px;            /* auf die erste Box-Zeile (Datum) ausgerichtet */
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #FFFEFB;
    box-shadow: 0 0 0 1px rgba(36, 27, 18, .18);
    background: #6f5e4a;
}
.tgf-chronik-marker--rot { background: #c90000; }
.tgf-chronik-marker--gelb { background: #d8a200; }
.tgf-chronik-marker--blau { background: #2f6db0; }
.tgf-chronik-marker--gruen { background: #3f8f3f; }
.tgf-chronik-marker--schwarz { background: #2a2016; }
.tgf-chronik-marker--violet { background: #7a4ea0; }

.tgf-chronik-datum {
    font-size: .82rem;
    color: #6f5e4a;
}
/* Titel ist ein <div> (kein <h3>), damit die Theme-Heading-Regel (.site h3 = Display-Schrift)
   NICHT greift → normale Schrift. Standard nicht fett; nur Meilensteine fett. */
.tgf-chronik-titel {
    font-size: 1.2rem;
    font-weight: 400;
    margin: .15rem 0 .35rem;
    line-height: 1.3;
}
.tgf-chronik-titel.is-meilenstein { font-weight: 700; }
.tgf-chronik-text { color: #3d3125; line-height: 1.5; }
.tgf-chronik-text p { margin: 0 0 .6em; }
.tgf-chronik-text p:last-child { margin-bottom: 0; }
.tgf-chronik-link { margin: .4rem 0 0; }
.tgf-chronik-link a { color: var(--red, #c90000); }