/* McDev.TV — /faq/ Häufige Fragen (v140.90)
   Bausteine folgen theme.css (.mc-faq, .mc-prose). Ohne JavaScript ist der
   Filter per [hidden] aus, die Fragen bleiben als native <details> voll
   lesbar und aufklappbar. */

.faq-krumen{margin-bottom:14px}
.faq-krumen a{color:var(--text-dim)}
.faq-krumen span{color:var(--text)}

.faq-filter{margin:4px 0 16px}
.faq-filter label{display:block;margin-bottom:6px}
.faq-filter-zeile{display:flex;gap:8px;align-items:center;max-width:520px}
.faq-filter input{flex:1;min-width:0;font:inherit;font-size:14px;padding:9px 12px;border-radius:10px;
  border:1px solid var(--line-hell);background:var(--bg);color:var(--text)}
.faq-filter input:focus-visible{outline:2px solid var(--gruen);outline-offset:1px;border-color:var(--gruen)}
.faq-filter button{font:inherit;font-size:12px;font-weight:700;color:var(--text-dim);background:none;
  border:1px solid var(--line);border-radius:8px;padding:8px 11px;cursor:pointer}
.faq-filter button:hover{color:var(--text);border-color:var(--gruen)}
#faqZaehler{margin:6px 0 0}

.faq-liste{padding:6px 18px}
.faq-eintrag{padding:2px 0}
.faq-eintrag:last-of-type{border-bottom:0}
/* Die Frage ist eine echte Überschrift (Gliederung für Leser und Suche),
   sieht aber aus wie eine Zeile im Akkordeon — nicht wie ein Kapiteltitel. */
.faq-frage{display:inline;font-family:var(--font-head);font-size:15px;font-weight:700;margin:0;line-height:1.45}
.mc-faq>summary{padding:13px 0;display:flex;align-items:flex-start;gap:10px}
.mc-faq>summary:focus-visible{outline:2px solid var(--gruen);outline-offset:3px;border-radius:6px}
.faq-antwort{padding:0 0 14px;font-size:14px}
.faq-antwort p{margin:0 0 8px}
.faq-perma-zeile{margin-top:4px}
.faq-perma{font-size:11.5px;color:var(--text-faint);text-decoration:none;opacity:.7}
.faq-perma:hover,.faq-perma:focus{opacity:1;color:var(--gold,#f2c14e)}
.faq-eintrag:target{outline:2px solid var(--gold,#f2c14e);outline-offset:4px;border-radius:10px}
.faq-keine{padding:14px 0}