/* ============================================================
   Longevity — Split-Intro  (CType atomicplan_lrsplitintro)
   Nur Layout/Abstaende/Akzente. Heading-Typo + Invert = generisch (theme.css).
   ============================================================ */
.frame-type-atomicplan_lrsplitintro .split {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: clamp(2rem, 6vw, 6rem);
    align-items: start;
}
.frame-type-atomicplan_lrsplitintro .split__head .eyebrow { margin-bottom: 1.4rem; }
.frame-type-atomicplan_lrsplitintro .split__head .lr-split__title { max-width: 14ch; }

.frame-type-atomicplan_lrsplitintro .split__body > * + * { margin-top: 1.4rem; }
/* EIN RTE-Feld statt zweier Spalten (Feld-Diaet): der ERSTE Absatz traegt die
   Serif-Lead-Optik (bewusster Editorial-Akzent, kein Heading), alle weiteren die
   normale Fliesstext-Optik. */
.frame-type-atomicplan_lrsplitintro .lr-split__body p {
    font-family: var(--lr-font-body);
    font-size: var(--lr-fs-body);
    line-height: 1.72;
    color: var(--lr-ink-soft);
    max-width: 50ch;
    margin: 0;
}
.frame-type-atomicplan_lrsplitintro .lr-split__body p:first-of-type {
    font-family: var(--lr-font-display);
    font-size: var(--lr-fs-lead);
    line-height: 1.5;
}
.frame-type-atomicplan_lrsplitintro .lr-split__body p + p { margin-top: 1.4rem; }
.frame-type-atomicplan_lrsplitintro .lr-split__body em { font-style: italic; color: var(--lr-bronze-deep); }

/* ---- Facts / Kennzahlen-Reihe ---- */
.frame-type-atomicplan_lrsplitintro .facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1rem, 3vw, 2.4rem);
    border-top: 1px solid var(--lr-line);
    border-bottom: 1px solid var(--lr-line);
    margin-top: clamp(3rem, 6vw, 5rem);
}
.frame-type-atomicplan_lrsplitintro .fact { padding: clamp(1.6rem, 3vw, 2.6rem) 0; }
.frame-type-atomicplan_lrsplitintro .fact .n {
    font-family: var(--lr-font-display);
    font-weight: 300;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    line-height: 1;
    color: var(--lr-charcoal);
}
.frame-type-atomicplan_lrsplitintro .fact .n em { font-style: italic; color: var(--lr-bronze-deep); }
.frame-type-atomicplan_lrsplitintro .fact .l {
    margin-top: 0.7rem;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--lr-ink-faint);
}

/* ---- Invert auf gefaerbtem/dunklem Frame ---- */
.frame-type-atomicplan_lrsplitintro.frame-background-forest .lr-split__body p,
.frame-type-atomicplan_lrsplitintro.frame-background-dark .lr-split__body p,
.frame-type-atomicplan_lrsplitintro.-colorized .lr-split__body p { color: var(--lr-on-dark-soft); }
.frame-type-atomicplan_lrsplitintro.frame-background-forest .fact .n,
.frame-type-atomicplan_lrsplitintro.frame-background-dark .fact .n,
.frame-type-atomicplan_lrsplitintro.-colorized .fact .n { color: var(--lr-on-dark); }
.frame-type-atomicplan_lrsplitintro.frame-background-forest .facts,
.frame-type-atomicplan_lrsplitintro.frame-background-dark .facts,
.frame-type-atomicplan_lrsplitintro.-colorized .facts { border-color: var(--lr-line-on-dark); }
.frame-type-atomicplan_lrsplitintro.frame-background-forest .fact .l,
.frame-type-atomicplan_lrsplitintro.frame-background-dark .fact .l,
.frame-type-atomicplan_lrsplitintro.-colorized .fact .l { color: var(--lr-on-dark-soft); }

@media (max-width: 800px) {
    .frame-type-atomicplan_lrsplitintro .split { grid-template-columns: 1fr; gap: 1.6rem; }
}
@media (max-width: 700px) {
    .frame-type-atomicplan_lrsplitintro .facts { grid-template-columns: 1fr 1fr; }
}
