/* =======================================================================
   FAQ-Akkordeon-Erweiterung ([faq]/[item]) - eigenstaendiges Basis-CSS,
   wird unabhaengig vom aktiven Theme automatisch geladen (siehe
   Nexis\Template\ExtensionAssets). Arbeitet ausschliesslich mit den
   geteilten --nx-*-Variablen. Basiert auf dem nativen <details>-Element,
   daher keine eigene JS-Datei noetig.
   ======================================================================= */

.nx-faq { margin: var(--nx-space-8) 0; display: flex; flex-direction: column; gap: var(--nx-space-3); }
.nx-faq-item { background: var(--nx-surface); border-radius: var(--nx-radius); padding: var(--nx-space-4) var(--nx-space-5); box-shadow: var(--nx-shadow-sm); }
.nx-faq-question { cursor: pointer; font-weight: 700; color: var(--nx-text); list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--nx-space-3); }
.nx-faq-question::-webkit-details-marker { display: none; }
.nx-faq-question::after { content: "+"; font-size: 1.3em; line-height: 1; color: var(--nx-primary); flex-shrink: 0; transition: transform 0.2s ease; }
.nx-faq-item[open] .nx-faq-question::after { transform: rotate(45deg); }
.nx-faq-answer { margin-top: var(--nx-space-3); color: var(--nx-muted); line-height: var(--nx-lh-base); }