/* =====================================================================
 * lem-design.css — Zentrales Stylesheet der LEM-Wissensplattform
 * Gehoert ins Child-Theme:  wp-content/themes/hello-elementor-child-lem/
 * Wird vom MU-Plugin lem-design-mu.php eingebunden.
 *
 * Alle Regeln sind mit dem Praefix .lemk- gekapselt und beruehren den
 * Rest der Seite nicht. Bei Problemen: MU-Plugin loeschen — dann faellt
 * die Wissensbasis auf das ungestylte (aber funktionierende) HTML zurueck.
 *
 * DESIGN: flach. Royal-Blau (Marke) + Gold (Akzent) auf warmem Hellgrund.
 * Verbindliche Vorlage ist das abgestimmte Migraene-Mockup.
 *   - Karten = weisse Flaeche + 1px Rahmen + abgerundete Ecken. Sonst nichts.
 *   - KEINE box-shadow, KEIN Hover-transform, KEINE Verlaeufe/Gradients.
 *   - Hover darf hoechstens Rahmen- oder Hintergrundfarbe wechseln.
 * Version: 2.0 (flach, nach Mockup)
 * ===================================================================== */

:root{
  /* Marke */
  --lem-blue:        #15227e;   /* Royal-Blau — Logo, Ueberschriften, Mitglied-Box */
  --lem-blue-dark:   #0f1a5e;   /* dunkleres Blau — Rahmen */
  --lem-blue-tint:   #e9ecf7;   /* sehr helles Blau — Badge-Grund */
  --lem-blue-ink:    #2c3a86;   /* Blau fuer Text auf hellem Grund */
  --lem-blue-soft:   #c5cae8;   /* heller Text auf blauem Grund (Mitglied-Box) */
  --lem-blue-line:   #36428f;   /* Rahmen/Felder auf blauem Grund */

  /* Akzent */
  --lem-gold:        #c89d2c;   /* Gold — Akzentbalken, Buttons */
  --lem-gold-hi:     #d8ad3c;   /* helleres Gold — Button-Hover */
  --lem-gold-dark:   #8a6c1a;   /* dunkles Gold — aktiver Navtext */
  --lem-gold-tint:   #fbf4e0;   /* helles Gold — aktive Navi, Hinweis */
  --lem-gold-line:   #ead9a3;   /* Gold-Rahmen */

  /* Flaechen & Text */
  --lem-ink:         #1d1d1b;   /* Fliesstext */
  --lem-muted:       #6b6b66;   /* gedaempfter Text */
  --lem-faint:       #8a8474;   /* sehr gedaempft — Zaehler, Labels */
  --lem-card:        #ffffff;   /* Karten-Hintergrund */
  --lem-line:        #e3e0d6;   /* warme Trennlinie / Rahmen */
  --lem-line-soft:   #ece9df;   /* weichere Trennlinie */
  --lem-bg:          #f4f2ea;   /* warmer Flaechen-Ton (Seite, Anzeige) */
  --lem-hover:       #f6f3ea;   /* warmer Hover-Ton (Navigation) */

  --lem-radius:      10px;
  --lem-font:        -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- 1. Grundlayout: 3 Spalten 20 / 60 / 20 ---------- */

.lemk-wrap{
  margin:0;padding:26px 32px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);
  gap:30px;align-items:start;
  font-family:var(--lem-font);color:var(--lem-ink);
}
.lemk{min-width:0;line-height:1.55}

/* ---------- 2. Breadcrumb ---------- */

.lemk-crumb{
  font-size:13px;color:var(--lem-faint);
  margin:0 0 14px;line-height:1.4;
}
.lemk-crumb a{color:var(--lem-faint);text-decoration:none}
.lemk-crumb a:hover{color:var(--lem-blue)}
.lemk-crumb .sep{margin:0 7px;color:var(--lem-line)}

/* ---------- 3. Ueberschriften & Einleitungstexte ---------- */

/* Hinweis: Selektoren mit .lemk-wrap davor heben die Spezifitaet ueber die
 * Elementor-Kit-Regeln (.elementor-kit-NN h1/h2) — sonst faerbt das Theme
 * die Ueberschriften in seine Akzentfarbe statt in das LEM-Royal-Blau. */
.lemk-wrap .lemk h1{
  font-size:35px;line-height:1.15;margin:0 0 6px;
  color:var(--lem-blue);font-weight:700;letter-spacing:-.01em;
}
.lemk-wrap .lemk h1::after{
  content:"";display:block;
  width:58px;height:3px;background:var(--lem-gold);
  border-radius:2px;margin-top:13px;
}
.lemk-wrap .lemk h2{
  font-size:21px;margin:32px 0 13px;
  color:var(--lem-blue);font-weight:700;
}
.lemk-wrap .lemk h2::after{
  content:"";display:block;
  width:40px;height:3px;background:var(--lem-gold);
  border-radius:2px;margin-top:9px;
}
.lemk-wrap .lemk h3.lemk-wgrp{
  font-size:14px;margin:18px 0 8px;color:var(--lem-blue-ink);font-weight:700;
}
.lemk .lemk-sub{color:var(--lem-muted);font-size:14px;margin:0 0 16px}
.lemk .lemk-sub i{color:var(--lem-ink);font-style:italic}
.lemk .lemk-cnt{font-size:.62em;color:var(--lem-faint);font-weight:400}
.lemk .lemk-hint{
  font-size:12.5px;color:var(--lem-gold-dark);
  background:var(--lem-gold-tint);border:1px solid var(--lem-gold-line);
  border-radius:8px;padding:9px 13px;margin:0 0 16px;
}

/* ---------- 4. Werkzeugleiste (Suche, Umschalt-Buttons) ---------- */

.lemk-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}
.lemk-search{
  flex:1;min-width:200px;padding:9px 13px;
  border:1px solid #c9c2b4;border-radius:6px;
  font:inherit;font-size:13px;color:var(--lem-ink);
  transition:border-color .12s;
}
.lemk-search:focus{outline:none;border-color:var(--lem-blue)}
.lemk-tb-btn{
  display:inline-block;padding:8px 15px;
  border:1px solid #c9c2b4;border-radius:6px;background:var(--lem-card);
  color:#333;font:inherit;font-size:13px;text-decoration:none;
  transition:border-color .12s,background .12s,color .12s;
}
.lemk-tb-btn:hover{border-color:var(--lem-gold)}
.lemk-tb-btn.active{
  background:var(--lem-blue);color:#fff;border-color:var(--lem-blue);
}

/* ---------- 5. Gruppen, Raster, Karten der Uebersichten ---------- */

.lemk-grp{scroll-margin-top:90px}
.lemk-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:9px;
}
.lemk-card2{
  display:block;padding:12px 15px;
  background:var(--lem-card);border:1px solid var(--lem-line);
  border-radius:8px;text-decoration:none;color:var(--lem-ink);
  transition:border-color .12s;
}
.lemk-card2:hover{border-color:var(--lem-gold)}
.lemk-c2t{display:block;font-weight:600;font-size:14px;line-height:1.3;color:var(--lem-ink)}
.lemk-c2s{display:block;color:var(--lem-muted);font-size:12px;margin-top:3px}
.lemk-c2m{display:block;margin-top:7px}
.lemk-empty{color:var(--lem-faint);font-style:italic;font-size:13px;padding:14px 0}

/* ---------- 6. Schlagwort-Pillen ---------- */

.lemk-tag{
  display:inline-block;padding:2px 10px;border-radius:11px;
  font-size:12px;font-weight:500;margin:0 5px 3px 0;
  background:var(--lem-blue-tint);color:var(--lem-blue-ink);
}
.lemk-tag.icd{
  background:#ececea;color:#444;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;
}
/* Klartext-Wert in der Meta-Tabelle (z.B. Koerpersystem) — keine Pille */
.lemk-metaval{color:var(--lem-ink)}

/* ---------- 7. Einzelseiten: Inhaltskarten, Zitat, Meta-Tabelle ---------- */

.lemk .lemk-card{
  background:var(--lem-card);border:1px solid var(--lem-line);
  border-radius:var(--lem-radius);padding:4px 22px;margin-bottom:22px;
}
.lemk .lemk-card p{margin:8px 0}

.lemk blockquote.lemk-quote{
  margin:0 0 14px;padding:12px 17px;
  border-left:3px solid var(--lem-gold);
  background:var(--lem-gold-tint);color:#5a5238;
  font-style:italic;border-radius:0 6px 6px 0;
}

.lemk table.lemk-meta{
  font-size:14px;width:100%;border-collapse:collapse;
}
.lemk table.lemk-meta td{
  padding:13px 0;vertical-align:top;border-bottom:1px solid var(--lem-line-soft);
}
.lemk table.lemk-meta tr:last-child td{border-bottom:0}
.lemk table.lemk-meta td:first-child{
  color:var(--lem-muted);width:160px;font-weight:600;padding-right:14px;
}

/* ---------- 8. Kachel-Listen verknuepfter Knoten ---------- */

.lemk .lemk-tiles{display:flex;flex-wrap:wrap;gap:8px}
.lemk .lemk-tile{
  display:block;padding:10px 15px;
  background:var(--lem-card);border:1px solid var(--lem-line);border-radius:8px;
  text-decoration:none;color:var(--lem-ink);font-weight:600;font-size:14px;
  transition:border-color .12s;
}
.lemk .lemk-tile:hover{border-color:var(--lem-gold)}

/* ---------- 9. Symptom-Zeilen mit Attribut-Badges ---------- */

.lemk .lemk-symlist{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.lemk .lemk-symrow{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:14px 17px;background:var(--lem-card);
  border:1px solid var(--lem-line);border-radius:9px;
  text-decoration:none;color:var(--lem-ink);
  transition:border-color .12s;
}
.lemk .lemk-symrow:hover{border-color:var(--lem-gold)}
.lemk .lemk-symname{font-weight:600;min-width:180px}

.lemk .lemk-brow{display:inline-flex;flex-wrap:wrap;gap:6px}
.lemk .lemk-b{
  display:inline-block;padding:3px 11px;border-radius:11px;
  font-size:11.5px;font-weight:600;white-space:nowrap;
}
/* Haeufigkeit — Gold-Skala */
.lemk .lemk-b.h-obligat{background:var(--lem-gold-dark);color:#fff}
.lemk .lemk-b.h-sehr_haeufig{background:var(--lem-gold);color:#fff}
.lemk .lemk-b.h-haeufig{background:#f3e7bf;color:#7a5f15}
.lemk .lemk-b.h-gelegentlich{background:#f1ecdb;color:#8a7a45}
.lemk .lemk-b.h-selten{background:#efeee9;color:#9a9a90}
/* Diagnostische Wertigkeit — Blau-Skala */
.lemk .lemk-b.w-pathognomonisch{background:var(--lem-blue);color:#fff}
.lemk .lemk-b.w-leitsymptom{background:var(--lem-blue-tint);color:var(--lem-blue)}
.lemk .lemk-b.w-typisch{background:#eef0f3;color:#5a6a82}
.lemk .lemk-b.w-unspezifisch{background:#efeee9;color:#9a9a90}
/* Alarmstufe — Warn-Skala */
.lemk .lemk-b.a-notfall{background:#c84a36;color:#fff}
.lemk .lemk-b.a-dringend{background:#e07a45;color:#fff}
.lemk .lemk-b.a-abklaeren{background:#fbe7cf;color:#9a5a1a}
.lemk .lemk-b.a-beobachten{background:#fff3cf;color:#8a6c1a}
/* Belastung / Schweregrad */
.lemk .lemk-b.s-schwer{background:#fbe5df;color:#a23a28}
.lemk .lemk-b.s-maessig{background:#f1ecdb;color:#8a7a45}
.lemk .lemk-b.s-leicht{background:#efeee9;color:#9a9a90}
.lemk .lemk-b.s-variabel{background:#ececea;color:#7a7a75}
/* Phase / Verlauf */
.lemk .lemk-b.p-frueh,
.lemk .lemk-b.p-spaet,
.lemk .lemk-b.p-durchgehend,
.lemk .lemk-b.p-episodisch{background:#e9ece8;color:#5a6a55}

/* ---------- 10. Seitenspalten (links Navigation, sticky) ---------- */

.lemk-side{font-size:13px;position:sticky;top:88px}
.lemk-ctx-h{
  font-size:11px;font-weight:700;color:var(--lem-faint);
  letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;
}
/* zweiter Navi-Block in derselben Spalte (z.B. "Springe zu" unter der Bereichs-Navi) */
.lemk-ctx-list + .lemk-ctx-h{margin-top:18px}
.lemk-ctx-sys{font-size:15px;font-weight:600;margin-bottom:9px;line-height:1.25;color:var(--lem-ink)}
.lemk-ctx-list{
  display:flex;flex-direction:column;gap:2px;
  max-height:74vh;overflow-y:auto;
  border:1px solid var(--lem-line);border-radius:var(--lem-radius);
  background:var(--lem-card);padding:6px;
}
.lemk-ctx-list a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 12px;border-radius:6px;
  border-left:3px solid transparent;
  text-decoration:none;color:#3a3a36;font-size:14px;line-height:1.35;
  transition:background .1s,color .1s;
}
.lemk-ctx-list a:hover{background:var(--lem-hover)}
.lemk-ctx-list a.current{
  background:var(--lem-gold-tint);color:var(--lem-gold-dark);
  font-weight:700;border-left:3px solid var(--lem-gold);
}
.lemk-jc{color:#9a9488;font-size:11px;flex:none}

/* ---------- 11. Rechte Spalte: Anzeige + Mitglieder-Aufruf ---------- */

.lemk-ad{
  background:transparent;
  border:1.5px dashed #c6bfa8;border-radius:var(--lem-radius);
  min-height:210px;display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
}
.lemk-ad-label{font-size:13px;color:#a8a290;font-weight:500;letter-spacing:.02em}

/* Mitglied-Box — ROYAL-BLAU (Mockup), Ueberschrift Gold, goldener Button */
.lemk-member{
  background:var(--lem-blue);border:1px solid var(--lem-blue);
  border-radius:var(--lem-radius);padding:18px;
}
.lemk-member-h{font-size:17px;font-weight:700;color:var(--lem-gold);margin-bottom:7px}
.lemk-member p{font-size:13px;color:var(--lem-blue-soft);margin:0 0 14px;line-height:1.55}
.lemk-member-btn{
  display:inline-block;background:var(--lem-gold);color:var(--lem-blue);
  text-decoration:none;font-weight:700;font-size:13.5px;
  padding:10px 18px;border-radius:6px;
  transition:background .12s;
}
.lemk-member-btn:hover{background:var(--lem-gold-hi)}

/* ---------- 12. Beitragsliste (Seite "Aktuelles") ---------- */

.lemk-post{
  display:block;padding:15px 18px;
  background:var(--lem-card);border:1px solid var(--lem-line);
  border-radius:var(--lem-radius);text-decoration:none;color:var(--lem-ink);
  margin-bottom:9px;transition:border-color .12s;
}
.lemk-post:hover{border-color:var(--lem-gold)}
.lemk-post .pt{font-weight:600;font-size:16px;line-height:1.3;color:var(--lem-ink)}
.lemk-post .pd{font-size:12px;color:var(--lem-faint);margin:3px 0 6px}
.lemk-post .pe{font-size:13px;color:#5a5a54;line-height:1.5}

/* ---------- 13. Footer-Band: Newsletter = Mitgliedschaft ---------- */

.lemk-foot{
  background:var(--lem-blue);
  padding:20px 32px;
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;
  font-family:var(--lem-font);
}
.lemk-foot-txt{color:var(--lem-gold);font-weight:700;font-size:16px}
/* Feste Formularbreite — sonst zwingt das Theme das Eingabefeld auf 100 %
 * und der Button rutscht in die naechste Zeile. */
.lemk-foot-form{display:flex;gap:8px;flex-wrap:nowrap;width:380px;max-width:100%}
.lemk-foot-input{
  flex:1 1 auto;min-width:0;
  padding:11px 14px;border:1px solid var(--lem-blue-line);border-radius:6px;
  background:#222e7e;color:#fff;font:inherit;font-size:13px;
  box-sizing:border-box;
}
.lemk-foot-input::placeholder{color:#9aa3ce}
.lemk-foot-btn{
  flex:0 0 auto;white-space:nowrap;
  background:var(--lem-gold);color:var(--lem-blue);
  border:0;border-radius:6px;padding:11px 22px;
  font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;
  transition:background .12s;
}
.lemk-foot-btn:hover{background:var(--lem-gold-hi)}

/* ---------- 14. Mobil: Spalten untereinander ---------- */

@media(max-width:1000px){
  .lemk-wrap{grid-template-columns:1fr;gap:20px;padding:18px 16px}
  .lemk{order:1}
  .lemk-side-right{order:2}
  .lemk-side-left{order:3}
  .lemk-side{position:static}
  .lemk-ctx-list{max-height:340px}
  .lemk-foot{padding:18px 16px}
}

/* ---------- 16. Symptom-Check (Detektiv-Layout) ---------- */
/* Drei Spalten: links Auswahl, mitte Vorschlaege, rechts Treffer.
 * Auf Mobile stapeln die Spalten via Standard-lemk-wrap-Regeln. */

.lemk-sc-chosen{
  margin-top:18px;
  padding:14px;
  background:var(--lem-card);
  border:1px solid var(--lem-line);
}
.lemk-sc-chosen-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:8px;
}
.lemk-sc-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 6px 6px 10px;
  background:var(--lem-blue-tint);
  border:1px solid var(--lem-blue-line);
  font-size:14px;
  color:var(--lem-blue-ink);
}
.lemk-sc-chip-t{ flex:1; }
.lemk-sc-chip-x{
  background:transparent;
  border:none;
  color:var(--lem-blue-ink);
  font-size:18px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  padding:0 6px;
}
.lemk-sc-chip-x:hover{ background:var(--lem-blue); color:#fff; }
.lemk-sc-empty{
  font-size:13px;
  color:var(--lem-faint);
  padding:6px 0;
}
.lemk-sc-reset{
  margin-top:12px;
  padding:8px 12px;
  background:transparent;
  border:1px solid var(--lem-line);
  color:var(--lem-muted);
  font-size:13px;
  cursor:pointer;
}
.lemk-sc-reset:hover{ background:var(--lem-hover); color:var(--lem-blue); }

.lemk-sc-alarm{
  margin:14px 0 18px;
  padding:12px 14px;
  background:var(--lem-gold-tint);
  border:1px solid var(--lem-gold-line);
  color:var(--lem-ink);
  font-size:14px;
}
.lemk-sc-alarm[data-level="N"]{
  background:#fbecec;
  border-color:#d8a5a5;
}
.lemk-sc-alarm em{ font-style:normal; font-weight:700; }

.lemk-sc-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin:18px 0 12px;
}
.lemk-sc-toggle{
  display:inline-flex;
  border:1px solid var(--lem-line);
  background:var(--lem-card);
}
.lemk-sc-toggle-btn{
  padding:8px 14px;
  background:transparent;
  border:none;
  color:var(--lem-muted);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.lemk-sc-toggle-btn + .lemk-sc-toggle-btn{
  border-left:1px solid var(--lem-line);
}
.lemk-sc-toggle-btn:hover{ color:var(--lem-blue); background:var(--lem-hover); }
.lemk-sc-toggle-btn.is-on{ background:var(--lem-blue); color:#fff; }
.lemk-sc-controls .lemk-search{ flex:1; min-width:220px; }

.lemk-sc-step-h h2{
  margin:18px 0 6px;
  color:var(--lem-blue);
  font-size:20px;
  font-weight:700;
}
.lemk-sc-stephint{
  margin:0 0 14px;
  color:var(--lem-muted);
  font-size:14px;
  line-height:1.45;
}
.lemk-sc-stephint strong{ color:var(--lem-blue); }

.lemk-sc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:10px;
  margin-top:6px;
}
.lemk-sc-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:4px;
  padding:12px 14px;
  background:var(--lem-card);
  border:1px solid var(--lem-line);
  text-align:left;
  cursor:pointer;
  transition:none;
  min-height:84px;
  overflow:hidden;
}
.lemk-sc-card:hover{
  background:var(--lem-gold-tint);
  border-color:var(--lem-gold-line);
}
.lemk-sc-card-t{
  color:var(--lem-blue);
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.lemk-sc-card-sub{
  color:var(--lem-faint);
  font-size:12px;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
}

.lemk-sc-results{
  margin-top:18px;
  padding:10px 12px;
  background:var(--lem-card);
  border:1px solid var(--lem-line);
}
.lemk-sc-results-list{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:6px;
}
.lemk-sc-result{
  display:block;
  padding:6px 8px;
  background:var(--lem-bg);
  border:1px solid var(--lem-line-soft);
  text-decoration:none;
  color:var(--lem-ink);
  position:relative;
  line-height:1.3;
}
.lemk-sc-result:hover{ background:var(--lem-hover); border-color:var(--lem-gold-line); }
.lemk-sc-result-bar{
  display:block;
  height:2px;
  background:var(--lem-line-soft);
  margin-bottom:4px;
}
.lemk-sc-result-bar-fill{
  display:block;
  height:100%;
  background:var(--lem-blue);
}
.lemk-sc-result-t{
  display:block;
  color:var(--lem-blue);
  font-size:13px;
  font-weight:700;
  word-break:break-word;
}
.lemk-sc-result-meta{
  display:block;
  color:var(--lem-faint);
  font-size:11px;
  margin-top:1px;
}
.lemk-sc-result-alarm{
  color:#a04030;
  font-weight:600;
}
.lemk-sc-section-h{
  margin:14px 0 6px;
  color:var(--lem-blue);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.lemk-sc-section-h:first-child{ margin-top:0; }
.lemk-sc-section-h .lemk-cnt{
  color:var(--lem-faint);
  font-weight:400;
  letter-spacing:0;
}
.lemk-sc-section-list{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.lemk-sc-result.is-serious{
  background:#fbf6ee;
  border-color:var(--lem-gold-line);
}
.lemk-sc-result.is-serious:hover{ background:#f6efdc; }

/* ---------- 15a. Glossar-Uebersicht: A-Z-Sprungleiste ---------- */

.lemk-az{
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  margin:18px 0 24px;
  padding:8px;
  background:var(--lem-card);
  border:1px solid var(--lem-line);
}
.lemk-az-l{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 6px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  color:var(--lem-blue);
  background:var(--lem-blue-tint);
}
.lemk-az-l:hover{ background:var(--lem-gold-tint); color:var(--lem-gold-dark); }
.lemk-az-l.off{ color:var(--lem-faint); background:transparent; cursor:default; }

/* ---------- 15b. Glossar-Tooltip (.lemk-gl) ---------- */
/* Begriffe werden vom MU-Plugin lem-glossar-mu.php automatisch markiert.
 * Optik bewusst dezent: 1px-Punktlinie unten, beim Hover ein warmer Akzent.
 * Tooltip flach (kein Schatten), Royal-Blau auf warmem Grund. */

.lemk-gl{
  border-bottom:1px dotted var(--lem-muted);
  cursor:help;
  position:relative;
  text-decoration:none;
  color:inherit;
}
.lemk-gl:hover,
.lemk-gl:focus{
  background:var(--lem-gold-tint);
  outline:none;
}
.lemk-gl::after{
  content:attr(data-def);
  position:absolute;
  left:0;
  top:calc(100% + 4px);
  z-index:200;
  display:none;
  background:var(--lem-blue);
  color:#ffffff;
  border:1px solid var(--lem-blue-dark);
  padding:9px 13px;
  max-width:340px;
  width:max-content;
  font-size:13px;
  font-weight:400;
  line-height:1.42;
  white-space:normal;
  pointer-events:none;
}
.lemk-gl:hover::after,
.lemk-gl:focus::after,
.lemk-gl[data-open="1"]::after{
  display:block;
}
@media(max-width:600px){
  .lemk-gl::after{
    max-width:88vw;
  }
}