/* GENERIERT aus build/client/*.css von build/client-bundle.mjs — nicht hier editieren. */
/* ---- build/client/leben-alter.css ---- */
/* „Als Einstein so alt war wie du …“ (Zeitstrahl). */
.la-eingabe { align-items: flex-end; }
.la-zahl { flex: 0 1 9rem; }
.la-regler { flex: 1 1 14rem; }
.la-ausgabe { margin-top: 1.2rem; min-height: 12rem; }
.la-label { font-weight: 700; color: var(--accent-ink); margin: 0 0 .5rem; font-size: .95rem; }
.la-ueber { margin: 0 0 1rem; padding: 1rem 1.2rem; border-radius: 12px; background: var(--gold-soft); border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent); color: var(--ink); line-height: 1.55; }
.la-haupt { display: grid; gap: .6rem; }
.la-ev { padding: .85rem 1.05rem; border-radius: 12px; border: 1px solid var(--line); background: var(--bg-soft); }
.la-ev p { margin: 0 0 .35rem; }
.la-ev--haupt { background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 25%, transparent); }
.la-ev--haupt .la-text { font-size: 1.05rem; color: var(--ink); }
.la-kopf { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--gold); }
.la-datum { font-size: .9rem; color: var(--ink-soft); }
.la-datum strong { color: var(--ink); font-weight: 650; }
.la-text { line-height: 1.5; }
.la-links { font-size: .85rem; margin: 0 !important; }
.la-q, .la-q a { color: var(--ink-faint); font-size: .8rem; }
.la-nachbarn { display: grid; gap: .6rem; margin-top: .6rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.la-nachbarn .la-text { font-size: .92rem; color: var(--ink-soft); }
.la-privat { margin: 1rem 0 0; }