/* Lernhelden – Wissensbuch mit Markierungen und Silbenbögen. */
/* ---------- 11b. Wissensbuch ---------- */
.wissen{position:fixed;inset:0;z-index:45;display:flex;justify-content:center;align-items:flex-start;padding:18px;overflow-y:auto;
  background:rgba(8,12,24,.6);backdrop-filter:blur(6px)}
.wissen-card{width:min(900px,100%);background:var(--panel);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:0 26px 26px}
.wissen-top{position:sticky;top:-18px;z-index:5;display:flex;align-items:center;gap:12px;margin:0 -26px 10px;padding:14px 26px 10px;
  background:var(--panel);border-bottom:1px solid var(--line);border-radius:calc(var(--radius) + 6px) calc(var(--radius) + 6px) 0 0}
.wissen-top h2{flex:1;margin:0;font-size:1.2rem}
.wissen-suche{margin:6px 0 10px}
.wissen-regalwahl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.wissen-regalwahl .chip-btn[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wissen-regal h3,.wissen-bereich > h3{margin:18px 0 8px}
.wissen-unterzeile{margin:12px 0 6px;font-weight:800;color:var(--muted)}
.wissen-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wissen-kachel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:var(--tap);padding:12px 14px;text-align:left;cursor:pointer;
  border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-weight:800}
@media (hover:hover){.wissen-kachel:hover{border-color:var(--brand-ink)}}
.wk-symbol{font-size:1.6rem;line-height:1}
.wk-gruppe{font-size:.75rem;color:var(--muted);font-weight:700}
.wk-extra{display:inline-block;font-size:.72rem;font-weight:900;padding:1px 8px;border-radius:999px;background:var(--warn-soft);color:var(--warn-ink);border:1px solid var(--warn-line);vertical-align:middle}
.wissen-kopf{display:flex;align-items:center;gap:12px;margin-top:8px}
.wissen-symbol{font-size:2.6rem;line-height:1}
.wissen-kopf h2{margin:0;font-size:clamp(1.4rem,3.5vw,1.9rem)}
.wissen-kopf h2:focus{outline:none}
.wissen-kurz{font-size:1.2rem;font-weight:750;margin:10px 0 4px}
.wissen-abschnitt{margin-top:18px}
.wissen-abschnitt h3{margin:0 0 8px;font-size:1.05rem}
.wa-merksatz,.wa-achtung{margin-top:18px;padding:12px 16px;border-radius:var(--radius-sm);font-weight:700}
.wa-merksatz{background:var(--good-soft);border:1px solid var(--good-line)}
.wa-achtung{background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn-ink)}
.wissen-beispiele{margin:0;padding-left:1.2em;display:grid;gap:14px;font-size:1.15rem;line-height:2.2}
.wissen-speak{min-width:44px;min-height:40px;padding:2px 10px;vertical-align:middle}
.wissen-ueben .button-row{margin-top:4px}
.wissen-probe{margin-top:10px;padding:12px 14px;border:2px dashed var(--line);border-radius:var(--radius-sm)}
.wissen-probe-satz{font-size:1.15rem;margin:0 0 4px}
.wissen-probe-frage{font-weight:850;margin:0 0 8px}
.hint-wissen{margin-left:6px;border:0;background:none;padding:2px 0;font:inherit;font-weight:900;color:var(--info-ink);text-decoration:underline;cursor:pointer}

/* Markierungen: Farbfläche + Beschriftung darunter (nie nur Farbe) */
.wm{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;line-height:1.3;margin:0 1px;padding:0 4px;border-radius:6px;border-bottom:3px solid var(--wm-farbe,var(--brand));background:var(--wm-flaeche,transparent)}
.wm-wort{font-weight:850}
.wm-label{font-size:.62rem;font-weight:800;color:var(--muted);line-height:1.1;margin-top:1px;letter-spacing:.02em}
.wm-nomen{--wm-farbe:#2563eb;--wm-flaeche:rgba(37,99,235,.14)}
.wm-verb{--wm-farbe:#dc2626;--wm-flaeche:rgba(220,38,38,.13)}
.wm-adjektiv{--wm-farbe:#16a34a;--wm-flaeche:rgba(22,163,74,.14)}
.wm-artikel{--wm-farbe:#7c3aed;--wm-flaeche:rgba(124,58,237,.13)}
.wm-pronomen{--wm-farbe:#d97706;--wm-flaeche:rgba(217,119,6,.15)}
.wm-subjekt{--wm-farbe:#0891b2;--wm-flaeche:rgba(8,145,178,.14)}
.wm-praedikat{--wm-farbe:#dc2626;--wm-flaeche:rgba(220,38,38,.13)}
.wm-ergaenzung{--wm-farbe:#65a30d;--wm-flaeche:rgba(101,163,13,.14)}
.wm-nominativ{--wm-farbe:#2563eb;--wm-flaeche:rgba(37,99,235,.14)}
.wm-genitiv{--wm-farbe:#9333ea;--wm-flaeche:rgba(147,51,234,.13)}
.wm-dativ{--wm-farbe:#ea580c;--wm-flaeche:rgba(234,88,12,.14)}
.wm-akkusativ{--wm-farbe:#16a34a;--wm-flaeche:rgba(22,163,74,.14)}
.wm-vorsilbe{--wm-farbe:#d97706;--wm-flaeche:rgba(217,119,6,.15)}
.wm-stamm{--wm-farbe:#2563eb;--wm-flaeche:rgba(37,99,235,.14)}
.wm-endung{--wm-farbe:#16a34a;--wm-flaeche:rgba(22,163,74,.14)}
.wm-fuge{--wm-farbe:#dc2626;--wm-flaeche:rgba(220,38,38,.13)}
.wm-gross,.wm-zeichen,.wm-wichtig,.wm-rechnung,.wm-ergebnis{--wm-farbe:var(--brand-ink);--wm-flaeche:var(--soft);display:inline;padding:0 3px}

/* Silbenbögen und Vokallänge wie im Unterricht */
.wissen-silbenliste{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:1.7rem;font-weight:800;letter-spacing:.02em}
.silbenwort{white-space:nowrap}
.silbe{display:inline-block;position:relative;padding:0 .1em .5em}
.silbe::after{content:"";position:absolute;left:10%;right:10%;bottom:.05em;height:.32em;border:3px solid var(--brand-ink);border-top:0;border-radius:0 0 999px 999px}
.wv{position:relative;display:inline-block}
.wv-kurz::after,.wv-lang::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:currentColor}
.wv-kurz::after{bottom:-.08em;width:.2em;height:.2em;border-radius:50%}
.wv-lang::after{bottom:-.02em;width:.7em;height:.1em;border-radius:2px}
.wissen-kette{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:1.25rem;font-weight:800;margin:6px 0}
.kette-pfeil{font-size:1.1rem}