/* Wissensbereich. Eigene Datei — site.css bleibt unberührt. Präfix wq- */

.wq-main{padding:130px 0 var(--step)}
.wq-krumen{font-size:.78rem;color:var(--muted);margin-bottom:26px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wq-krumen a{color:var(--muted);border-bottom:1px solid transparent;transition:border-color var(--t)}
.wq-krumen a:hover{border-color:var(--bronze)}
.wq-krumen span{opacity:.5}
.wq-krumen span:last-child{opacity:1;color:var(--ink)}

.wq-art{max-width:820px}
.wq-art h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:14px 0 22px;letter-spacing:-.02em}
.wq-meta{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0 0;padding-bottom:22px;
  border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted);letter-spacing:.04em}

/* Kopfbild der Übersichtsseiten (Karte #80); Rahmen, Schatten und Zoom kommen von .topic-art in site.css */
.wq-kopfbild{margin:30px 0 8px;aspect-ratio:2/1}
.wq-kopfbild img{display:block;width:100%;height:100%;object-fit:cover}

.wq-toc{margin:36px 0 44px;padding:22px 26px;background:var(--cream);border-radius:var(--r);border:1px solid var(--line)}
.wq-toc h2{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  color:var(--bronze);font-family:'Inter',sans-serif;margin-bottom:12px}
.wq-toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.wq-toc li{margin-bottom:7px;font-size:.9rem;break-inside:avoid}
.wq-toc a{color:var(--muted);border-bottom:1px solid transparent}
.wq-toc a:hover{color:var(--ink);border-color:var(--bronze-l)}

.wq-body h2{font-size:clamp(1.4rem,2.2vw,1.85rem);margin:52px 0 16px;scroll-margin-top:100px}
.wq-body h3{font-size:1.12rem;margin:32px 0 10px}
.wq-body p{margin:0 0 16px;line-height:1.72}
.wq-body ul,.wq-body ol{margin:0 0 18px 22px}
.wq-body li{margin-bottom:9px;line-height:1.65}
.wq-body strong{font-weight:600}
.wq-body a:not(.wq-cite){border-bottom:1px solid var(--bronze-l);transition:border-color var(--t)}
.wq-body a:not(.wq-cite):hover{border-color:var(--ink)}
/* Neuigkeiten-Übersicht (Karte #66): Thema (Stoff/Therapie) als Etikett direkt nach dem Datum */
.wq-body .wq-thema,.wq-body a.wq-thema{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--bronze);border:1px solid var(--bronze-l);border-radius:var(--r-pill);
  padding:1px 9px;line-height:1.5;vertical-align:.08em;max-width:100%}
.wq-body a.wq-thema:hover{color:var(--ink);border-color:var(--ink)}
.wq-lead{font-size:1.08rem;color:var(--muted);font-weight:300}

.wq-cite{display:inline-block;min-width:17px;padding:0 5px;margin:0 1px;border-radius:4px;
  font-size:.68rem;font-weight:600;text-align:center;vertical-align:2px;
  background:rgba(224,83,47,.1);color:var(--verm);border:1px solid rgba(224,83,47,.22);
  transition:background var(--t)}
.wq-cite:hover{background:rgba(224,83,47,.2)}

.wq-box{margin:30px 0;padding:24px 28px;background:var(--cream);border-left:2px solid var(--verm);
  border-radius:0 var(--r-s) var(--r-s) 0}
.wq-box h4{font-family:'Playfair Display',serif;font-weight:500;font-size:1.08rem;margin-bottom:10px}
.wq-box p{font-size:.94rem;margin-bottom:10px;color:var(--muted)}
.wq-box p:last-child{margin-bottom:0}

.wq-tablewrap{overflow-x:auto;margin:26px 0;-webkit-overflow-scrolling:touch}
.wq-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:460px}
.wq-table th{text-align:left;padding:11px 14px;background:var(--cream);font-weight:600;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);
  border-bottom:1px solid var(--line-s)}
.wq-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
.wq-table tr:last-child td{border-bottom:none}
.wq-table td:last-child{white-space:normal}
/* 23.09.2026 (Andreas: „links der Text wird abgerissen“): .wq-art a{overflow-wrap:anywhere} in nav.css liess
   Links an jeder Stelle brechen — in Tabellen schrumpfte die Namensspalte auf wenige Buchstaben. */
.wq-art .wq-table a{overflow-wrap:normal;word-break:normal}
.wq-table td:first-child{min-width:14rem;hyphens:manual;-webkit-hyphens:manual}   /* Namen nur zwischen Wörtern umbrechen */
.wq-table .z{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;padding-left:10px;padding-right:10px}
.wq-table th.z{white-space:normal;letter-spacing:.04em}   /* Kopf darf an weichen Trennstellen umbrechen (studientabelle.py) */
@media(max-width:680px){.wq-table td:first-child{min-width:9.5rem}}

.wq-quote{margin:26px 0;padding-left:22px;border-left:2px solid var(--bronze-l);
  font-family:'Playfair Display',serif;font-size:1.12rem;line-height:1.5;color:var(--ink)}
.wq-dl dt{font-weight:600;margin-top:14px}
.wq-dl dd{margin:4px 0 0 0;color:var(--muted)}

.wq-faqs{margin-top:56px}
.wq-faqs h2{font-size:clamp(1.4rem,2.2vw,1.85rem);margin-bottom:18px}
.wq-faq{border-bottom:1px solid var(--line)}
.wq-faq summary{padding:16px 0;cursor:pointer;font-weight:500;font-size:1.02rem;
  list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.wq-faq summary::-webkit-details-marker{display:none}
.wq-faq summary::after{content:"+";color:var(--bronze);font-size:1.3rem;line-height:1;flex:0 0 auto}
.wq-faq[open] summary::after{content:"–"}
.wq-faq[open] summary{color:var(--bronze)}
.wq-faq>div{padding:0 0 18px;color:var(--muted);font-size:.95rem;line-height:1.7}
.wq-faq>div p{margin-bottom:12px}

.wq-sources{margin-top:56px;padding-top:34px;border-top:1px solid var(--line-s)}
.wq-sources h2{font-size:1.3rem;margin-bottom:8px}
.wq-srclist{list-style:none;margin:22px 0 0;padding:0;counter-reset:q}
.wq-src{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.wq-src:target{background:rgba(224,83,47,.06);border-radius:var(--r-s);
  padding-left:12px;padding-right:12px;margin:0 -12px}
.wq-srcn{flex:0 0 26px;height:26px;border-radius:5px;background:rgba(135,96,51,.12);color:var(--bronze);
  font-size:.72rem;font-weight:600;display:flex;align-items:center;justify-content:center}
.wq-srct{font-size:.95rem;line-height:1.45;margin-bottom:4px}
.wq-srct a{border-bottom:1px solid var(--line-s)}
.wq-srct a:hover{border-color:var(--bronze)}
.wq-srcm{font-size:.78rem;color:var(--muted)}
.wq-typ{display:inline-block;padding:1px 7px;border-radius:4px;background:rgba(135,96,51,.1);
  color:var(--bronze);font-size:.68rem;letter-spacing:.04em}

.wq-disclaimer{margin-top:44px;padding:18px 22px;background:var(--cream);border-radius:var(--r-s);
  font-size:.84rem;color:var(--muted);line-height:1.6}

@media(max-width:780px){
  .wq-main{padding:110px 0 var(--step)}
  .wq-toc ol{columns:1}
  .wq-art h1{font-size:2rem}
}

/* ---------- Belegstufen (Kontextseiten und Zusammenhänge, 09.09.2026) ---------- */
.wq-stufe{border-left:3px solid var(--line);padding-left:16px;margin-left:0}
.wq-marke{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:4px;margin-right:8px;vertical-align:1px}
.wq-belegt{border-left-color:#2e7d5b}.wq-belegt .wq-marke{background:#2e7d5b;color:#fff}
.wq-plausibel{border-left-color:#b8860b}.wq-plausibel .wq-marke{background:#b8860b;color:#fff}
.wq-vermutung{border-left-color:#8a5a9f}.wq-vermutung .wq-marke{background:#8a5a9f;color:#fff}
.wq-pruefen{border-left-color:#555}.wq-pruefen .wq-marke{background:#555;color:#fff}

/* ---------- Druck / PDF ---------- */
.wq-download{color:#6b6257;font-size:.95rem}.wq-bald{color:#9a9188}
.wq-podcast{margin:14px 0 6px}.wq-podcast audio{width:100%;max-width:680px;display:block}
.wq-infografik{margin:14px 0 22px}.wq-infografik img{width:100%;max-width:680px;height:auto;display:block;border:1px solid #e6e0d6;border-radius:8px}
.wq-podcast figcaption,.wq-infografik figcaption{font-size:.85rem;color:#6b6257;margin-top:6px}
@media print{
  header,footer,.wq-toc,.wq-nav,.langdd,.cmdk,.toast,.nl,.wq-download,.wq-podcast{display:none !important}
  body{background:#fff;color:#111;font-size:11pt}
  .wq-body,.wrap{max-width:100% !important;margin:0 !important;padding:0 12mm !important}
  a{color:#111;text-decoration:none} a[href^="http"]::after{content:""}
  .wq-stufe{border-left-width:2px} .wq-marke{border:1px solid #333;color:#111 !important;background:#fff !important}
  h1{font-size:22pt} h2{font-size:15pt;margin-top:14pt;page-break-after:avoid} h3{font-size:12.5pt;page-break-after:avoid}
  table{page-break-inside:avoid;font-size:9.5pt} .wq-src{font-size:9pt}
}

/* Lesestufen-Umschalter über der Überschrift (Karte #43): Einfach erklärt · Für Fachleute · Für Kinder.
   Bricht am Handy um statt zu scrollen; die aktive Stufe ist hervorgehoben und nicht verlinkt. */
.wq-stufen{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.wq-stufen a,.wq-stufen .wq-stufe-ist{display:inline-block;padding:7px 15px;border-radius:var(--r-pill);
  font-family:'Inter',sans-serif;font-size:.76rem;letter-spacing:.04em;line-height:1.25;
  border:1px solid var(--line)}
.wq-stufen a{color:var(--muted);transition:color var(--t),border-color var(--t)}
.wq-stufen a:hover{color:var(--ink);border-color:var(--bronze-l)}
.wq-stufen .wq-stufe-ist{color:var(--bronze);font-weight:600;background:var(--cream);border-color:var(--bronze-l)}
@media print{.wq-stufen{display:none}}

/* ============ A–Z-Auswahl über den Übersichtstabellen (25.09.2026, Karte #82) ============
   Ohne Skript: Radioknöpfe + :has(). Ohne :has()-Unterstützung bleibt die Leiste weg, die Tabelle ist vollständig. */
.wq-az{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 18px}
.wq-az input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.wq-az label{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:var(--r-pill);font-size:.8rem;font-weight:600;letter-spacing:.04em;
  color:var(--ink);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t)}
.wq-az label:hover{border-color:var(--bronze)}
.wq-az input:checked+label{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.wq-az input:focus-visible+label{outline:2px solid var(--verm);outline-offset:2px}
.wq-az input:disabled+label{color:var(--muted);opacity:.35;cursor:default;border-color:transparent}
@supports not selector(:has(*)){.wq-az{display:none}}
@media (max-width:640px){.wq-az{gap:5px}.wq-az label{min-width:30px;height:30px;padding:0 7px;font-size:.74rem}}
@media print{.wq-az{display:none}.wq-azbox tbody tr{display:table-row!important}}
.wq-azbox:has(input[value="#"]:checked) tbody tr:not([data-b="#"]){display:none}
.wq-azbox:has(input[value="A"]:checked) tbody tr:not([data-b="A"]){display:none}
.wq-azbox:has(input[value="B"]:checked) tbody tr:not([data-b="B"]){display:none}
.wq-azbox:has(input[value="C"]:checked) tbody tr:not([data-b="C"]){display:none}
.wq-azbox:has(input[value="D"]:checked) tbody tr:not([data-b="D"]){display:none}
.wq-azbox:has(input[value="E"]:checked) tbody tr:not([data-b="E"]){display:none}
.wq-azbox:has(input[value="F"]:checked) tbody tr:not([data-b="F"]){display:none}
.wq-azbox:has(input[value="G"]:checked) tbody tr:not([data-b="G"]){display:none}
.wq-azbox:has(input[value="H"]:checked) tbody tr:not([data-b="H"]){display:none}
.wq-azbox:has(input[value="I"]:checked) tbody tr:not([data-b="I"]){display:none}
.wq-azbox:has(input[value="J"]:checked) tbody tr:not([data-b="J"]){display:none}
.wq-azbox:has(input[value="K"]:checked) tbody tr:not([data-b="K"]){display:none}
.wq-azbox:has(input[value="L"]:checked) tbody tr:not([data-b="L"]){display:none}
.wq-azbox:has(input[value="M"]:checked) tbody tr:not([data-b="M"]){display:none}
.wq-azbox:has(input[value="N"]:checked) tbody tr:not([data-b="N"]){display:none}
.wq-azbox:has(input[value="O"]:checked) tbody tr:not([data-b="O"]){display:none}
.wq-azbox:has(input[value="P"]:checked) tbody tr:not([data-b="P"]){display:none}
.wq-azbox:has(input[value="Q"]:checked) tbody tr:not([data-b="Q"]){display:none}
.wq-azbox:has(input[value="R"]:checked) tbody tr:not([data-b="R"]){display:none}
.wq-azbox:has(input[value="S"]:checked) tbody tr:not([data-b="S"]){display:none}
.wq-azbox:has(input[value="T"]:checked) tbody tr:not([data-b="T"]){display:none}
.wq-azbox:has(input[value="U"]:checked) tbody tr:not([data-b="U"]){display:none}
.wq-azbox:has(input[value="V"]:checked) tbody tr:not([data-b="V"]){display:none}
.wq-azbox:has(input[value="W"]:checked) tbody tr:not([data-b="W"]){display:none}
.wq-azbox:has(input[value="X"]:checked) tbody tr:not([data-b="X"]){display:none}
.wq-azbox:has(input[value="Y"]:checked) tbody tr:not([data-b="Y"]){display:none}
.wq-azbox:has(input[value="Z"]:checked) tbody tr:not([data-b="Z"]){display:none}