/* ============================================================================
   agentbooks.de — FAQ-Akkordeon (geteilte Komponente)
   Präfix faq- (faq-list · faq-item · faq-sign · faq-a; ab- bleibt dem
   Design-System vorbehalten, sf- ist der Footer, sn- der Header,
   doc-/hp-/cat-/nf- sind seitengebunden).

   Native <details>/<summary>, ohne JavaScript. Die eine FAQ-Komponente der
   Site: Startseite, „Für dich", „Verlage" und jede Buchseite ziehen sie über
   templates/partials/faq.j2, die handgepflegte site/help.html schreibt
   dasselbe Markup von Hand. Die Regeln standen bis zum 30.08.2026 als
   .doc-faq-* in css/doc.css und galten nur der Hilfeseite; sie sind hier 1:1
   übernommen und umbenannt — die Gruppierung der Hilfeseite
   (.doc-faq-group) bleibt in doc.css.

   Eingebunden von allen Seiten mit Kopf aus templates/partials/head.j2, dazu
   von templates/index.html.j2 und site/help.html, die ihren Kopf selbst
   schreiben. Nur css/tokens und css/components müssen vorher geladen sein.

   Das Zeichen rechts (+ zu, – offen) kommt aus dem CSS, nicht aus dem Markup:
   nur so lässt es sich ohne JavaScript am Zustand [open] umschalten.
   ============================================================================ */
.faq-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--container-reading)}
.faq-item{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-card)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;font-weight:var(--weight-medium);color:var(--text-primary)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-card)}
.faq-sign{flex:none;font-family:var(--font-mono);color:var(--text-tertiary)}
.faq-sign::before{content:"+"}
.faq-item[open] .faq-sign::before{content:"–"}
.faq-item[open] summary{border-bottom:1px solid var(--border-subtle)}
.faq-a{margin:0;padding:var(--space-4) var(--space-5);font-family:var(--font-reading);font-size:var(--fs-body-lg);line-height:var(--lh-reading);color:var(--text-secondary)}