/* ============================================================
   Longevity — Journey / Timeline  (CType atomicplan_lrjourney)
   Vertikale Timeline (Tag-Spalte + horizontale Trennlinien wie Vorlage).
   Heading-Typo + Invert = generisch (theme.css); hier nur Layout/Akzent.
   Basis neutral (hell); auf forest/dark auf helle Linien/Typo umgeschaltet.
   ============================================================ */
.frame-type-atomicplan_lrjourney .journey { display: grid; gap: 0; }

.frame-type-atomicplan_lrjourney .journey-step {
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: clamp(1rem, 4vw, 3rem);
    padding: clamp(1.6rem, 3vw, 2.6rem) 0;
    border-top: 1px solid var(--lr-line);
}
.frame-type-atomicplan_lrjourney .journey-step:last-child { border-bottom: 1px solid var(--lr-line); }

.frame-type-atomicplan_lrjourney .js-day {
    font-family: var(--lr-font-display);
    font-style: italic;
    font-size: 1.6rem;
    color: var(--lr-bronze-deep);
}
.frame-type-atomicplan_lrjourney .journey-step h3 { margin-bottom: 0.6rem; }
.frame-type-atomicplan_lrjourney .journey-step p { color: var(--lr-ink-soft); font-size: 0.95rem; margin: 0; }

/* ---- Invert auf forest/dark ---- */
.frame-type-atomicplan_lrjourney.frame-background-forest .journey-step,
.frame-type-atomicplan_lrjourney.frame-background-dark .journey-step,
.frame-type-atomicplan_lrjourney.-colorized .journey-step { border-top-color: var(--lr-line-on-dark); }
.frame-type-atomicplan_lrjourney.frame-background-forest .journey-step:last-child,
.frame-type-atomicplan_lrjourney.frame-background-dark .journey-step:last-child,
.frame-type-atomicplan_lrjourney.-colorized .journey-step:last-child { border-bottom-color: var(--lr-line-on-dark); }
.frame-type-atomicplan_lrjourney.frame-background-forest .journey-step p,
.frame-type-atomicplan_lrjourney.frame-background-dark .journey-step p,
.frame-type-atomicplan_lrjourney.-colorized .journey-step p { color: var(--lr-on-dark-soft); }

@media (max-width: 640px) {
    .frame-type-atomicplan_lrjourney .journey-step { grid-template-columns: 1fr; gap: 0.5rem; }
}