/* TFI RiskChart LIGHT – Ergänzungen zum ORBIT-Design (orbit/style.css wird davor geladen; im Bau als orbit.css). Nur --tf-/--ob-Variablen. */
.lt-badge {
  margin-left: .5rem; padding: .1rem .45rem; border: 1px solid currentColor; border-radius: 999px;
  font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .85;
}
.lt-note { margin: .75rem 0 0; font-size: .8rem; line-height: 1.45; color: var(--tf-muted, #9fb3b0); }
.lt-upsell { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--tf-line, rgba(127, 227, 189, .18)); }
/* Funktionen der Vollversion im Länderprofil ausblenden (Merkliste, Vergleich, CSV aller Ebenen, Paket- und Bibliotheksverweise) */
.lt-root [data-fkey="p:watch"],
.lt-root [data-fkey="p:cmp"],
.lt-root [data-fkey="p:csvall"],
.lt-root [data-fkey="p:lib"],
.lt-root [data-fkey="p:pk"],
.lt-root [data-fkey="p:route"] { display: none !important; }
@media (max-width: 999.98px) {
  .lt-badge { margin-left: .35rem; font-size: .6rem; }
}
/* T-04 (Website-Prüfung 29.09.2026, CLS 0,44 bei 390 px und langsamem Laden): Bis zum Mount (app.js setzt data-lt-ready) sind die springenden Bereiche
 * unsichtbar – ihr Platz bleibt, unsichtbare Boxen zählen nicht als Layout-Verschiebung. Die Bühne (Globus) bleibt sichtbar. */
.lt-root:not([data-lt-ready]) .ob-side,
.lt-root:not([data-lt-ready]) .ob-dock,
.lt-root:not([data-lt-ready]) .ob-panel,
.lt-root:not([data-lt-ready]) .ob-tfcard,
.lt-root:not([data-lt-ready]) .ob-edge { visibility: hidden; }
@media (max-width: 999.98px) {
  /* orbit.css blendet die Bühne ohne data-page="atlas" aus – vor dem Mount fehlte sie, beim Mount schob sie Dock, Seitenleiste und Panel um ~56vh nach unten */
  .lt-root:not([data-lt-ready]) .ob-stage { display: block; }
}