.lustrum-tijdlijn{--lt-lijn:rgba(127,127,127,.28);--lt-zacht:rgba(127,127,127,.07);--lt-accent:#2563eb;--lt-groen:#22a35a;--lt-grijs:rgba(127,127,127,.55);max-width:720px;margin:2.5em auto;line-height:1.45}
.lustrum-tijdlijn *{box-sizing:border-box}
.lustrum-tijdlijn .lt-titel{margin:0 0 .6em;font-size:1.6em}
.lustrum-tijdlijn .lt-kaart{border:1px solid var(--lt-lijn);border-radius:14px;padding:1.1em 1.25em;background:var(--lt-zacht);margin-bottom:1.4em}
.lustrum-tijdlijn .lt-label{font-size:.75em;text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-weight:600}
.lustrum-tijdlijn .lt-next-wat{font-size:1.35em;font-weight:700;margin:.15em 0 .35em}
.lustrum-tijdlijn .lt-next-meta{display:flex;flex-wrap:wrap;gap:.4em .9em;align-items:center}
.lustrum-tijdlijn .lt-badge{display:inline-block;padding:.15em .7em;border-radius:999px;background:var(--lt-accent);color:#fff;font-weight:600;font-size:.85em}
.lustrum-tijdlijn .lt-voortgang{margin-top:1.1em}
.lustrum-tijdlijn .lt-voortgang-tekst{display:flex;justify-content:space-between;gap:1em;font-size:.9em}
.lustrum-tijdlijn .lt-balk{height:10px;border-radius:999px;background:var(--lt-lijn);overflow:hidden;margin-top:.4em}
.lustrum-tijdlijn .lt-balk-vul{height:100%;width:0;background:var(--lt-groen);border-radius:999px;transition:width .9s ease}
.lustrum-tijdlijn ol.lt-lijst{list-style:none;margin:0;padding:0;position:relative}
.lustrum-tijdlijn ol.lt-lijst::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--lt-lijn)}
.lustrum-tijdlijn ol.lt-lijst li{list-style:none;margin:0}
.lustrum-tijdlijn li.lt-maand{margin:1.3em 0 .35em 34px;font-weight:700;font-size:.78em;text-transform:uppercase;letter-spacing:.08em;opacity:.6}
.lustrum-tijdlijn li.lt-maand:first-child{margin-top:0}
.lustrum-tijdlijn li.lt-item{position:relative;padding:.55em .8em .55em 34px;border-radius:10px;margin:2px 0}
.lustrum-tijdlijn .lt-stip{position:absolute;left:4px;top:.8em;width:16px;height:16px;border-radius:50%;background:var(--lt-grijs)}
.lustrum-tijdlijn .lt-klaar .lt-stip{background:var(--lt-groen)}
.lustrum-tijdlijn .lt-klaar .lt-stip::after{content:"✓";position:absolute;inset:0;color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}
.lustrum-tijdlijn .lt-volgende .lt-stip{background:var(--lt-accent);animation:lt-puls 2s infinite}
.lustrum-tijdlijn .lt-rij{display:flex;justify-content:space-between;align-items:baseline;gap:1em}
.lustrum-tijdlijn .lt-wat{font-weight:600}
.lustrum-tijdlijn .lt-bedrag{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.lustrum-tijdlijn .lt-datum{font-size:.85em;opacity:.7}
.lustrum-tijdlijn .lt-cum{font-size:.8em;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums}
.lustrum-tijdlijn .lt-klaar .lt-rij{opacity:.5}
.lustrum-tijdlijn .lt-volgende{background:var(--lt-zacht);box-shadow:inset 0 0 0 2px var(--lt-accent)}
@keyframes lt-puls{0%{box-shadow:0 0 0 0 rgba(37,99,235,.55)}70%{box-shadow:0 0 0 10px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}
@media (max-width:480px){.lustrum-tijdlijn .lt-rij{flex-direction:column;gap:.1em}}
@media (prefers-reduced-motion:reduce){.lustrum-tijdlijn .lt-volgende .lt-stip{animation:none}.lustrum-tijdlijn .lt-balk-vul{transition:none}}
.lustrum-tijdlijn{--lt-reis:#7c3aed}
.lustrum-tijdlijn .lt-badge-reis{background:var(--lt-reis)}
.lustrum-tijdlijn .lt-reisregel{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .6em;margin-top:1em;padding-top:.9em;border-top:1px solid var(--lt-lijn);font-size:.92em}
.lustrum-tijdlijn .lt-reisregel-icoon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--lt-reis);color:#fff;font-size:12px}
.lustrum-tijdlijn .lt-reisregel-aftel{margin-left:auto;font-weight:600;color:var(--lt-reis)}
.lustrum-tijdlijn li.lt-reis{margin-top:.5em;padding-top:.8em;padding-bottom:.8em;background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(124,58,237,.03))}
.lustrum-tijdlijn li.lt-reis .lt-stip{left:0;top:.75em;width:24px;height:24px;background:var(--lt-reis);color:#fff;font-size:13px;line-height:24px;text-align:center;animation:none}
.lustrum-tijdlijn li.lt-reis .lt-stip::after{content:none}
.lustrum-tijdlijn li.lt-reis .lt-wat{font-size:1.1em}
.lustrum-tijdlijn li.lt-reis .lt-bedrag{color:var(--lt-reis)}
.lustrum-tijdlijn li.lt-reis.lt-volgende,.lustrum-tijdlijn li.lt-reis.lt-bezig{box-shadow:inset 0 0 0 2px var(--lt-reis)}
.lustrum-tijdlijn li.lt-reis.lt-bezig .lt-stip{animation:lt-puls-reis 2s infinite}
.lustrum-tijdlijn li.lt-reis.lt-klaar .lt-rij{opacity:.6}
@keyframes lt-puls-reis{0%{box-shadow:0 0 0 0 rgba(124,58,237,.55)}70%{box-shadow:0 0 0 10px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}
@media (prefers-reduced-motion:reduce){.lustrum-tijdlijn li.lt-reis.lt-bezig .lt-stip{animation:none}}
.lustrum-tijdlijn{--lt-overig:#0d9488}
.lustrum-tijdlijn li.lt-overig .lt-stip{background:var(--lt-overig)}
.lustrum-tijdlijn li.lt-overig.lt-komend .lt-stip{opacity:.6}
.lustrum-tijdlijn li.lt-overig .lt-wat{color:var(--lt-overig)}
.lustrum-tijdlijn li.lt-overig.lt-volgende{background:rgba(13,148,136,.07);box-shadow:inset 0 0 0 2px var(--lt-overig)}
.lustrum-tijdlijn li.lt-overig.lt-volgende .lt-stip{animation-name:lt-puls-overig}
.lustrum-tijdlijn .lt-badge-overig{background:var(--lt-overig)}
@keyframes lt-puls-overig{0%{box-shadow:0 0 0 0 rgba(13,148,136,.55)}70%{box-shadow:0 0 0 10px rgba(13,148,136,0)}100%{box-shadow:0 0 0 0 rgba(13,148,136,0)}}
.lustrum-tijdlijn .lt-legenda{display:flex;flex-wrap:wrap;gap:.3em 1.2em;font-size:.8em;opacity:.8;margin:0 0 1.1em}
.lustrum-tijdlijn .lt-legenda span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4em;vertical-align:-1px;background:var(--lt-accent)}
.lustrum-tijdlijn .lt-legenda .lt-leg-overig::before{background:var(--lt-overig)}
.lustrum-tijdlijn .lt-legenda .lt-leg-reis::before{background:var(--lt-reis)}