/* ── Ebenenspezifischer Praxisbeispiel-Kasten (LiteracyAI, Pilot) ──
   Gemeinsame Stile für den ebenenspezifischen Inhaltsblock in den Modulen.
   GL-003-Tokens (Site-Ebene): --red, --surface, --border, --text, --text2, --text3, --bg.
   Eingebunden via <link rel="stylesheet" href="_ebenen.css"> in jedem Modul,
   das einen <div class="ebenen-block" data-ebenen-block> trägt. */
.ebenen-block { border: 1px solid var(--border); border-left: 4px solid var(--red); border-radius: 8px; padding: 22px 24px; margin: 24px 0; background: var(--surface); }
.ebenen-kicker { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--red); margin-bottom: 6px; }
.ebenen-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; margin-bottom: 14px; }
.ebenen-title { font-family: 'DM Serif Display', serif; font-size: 1.2rem; color: var(--text); margin: 0; }
.ebenen-switch { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; color: var(--text3); }
.ebenen-switch select { font-family: inherit; font-size: .8rem; color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 5px 8px; cursor: pointer; }
.ebenen-variante { display: none; }
.ebenen-variante.is-active { display: block; }
.ebenen-variante .ev-label { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text3); margin-bottom: 8px; }
.ebenen-variante p { color: var(--text2); font-size: .92rem; line-height: 1.65; margin: 0 0 10px; }
.ebenen-variante p:last-child { margin-bottom: 0; }
.ebenen-hint { font-size: .76rem; color: var(--text3); margin-top: 14px; line-height: 1.5; padding-top: 12px; border-top: 1px dashed var(--border); }
@media (max-width: 768px) {
  .ebenen-head { flex-direction: column; align-items: flex-start; gap: 8px; }
}