/* Site-wide FAQ accordion (distinct from the per-mod FAQ in readme.css) — split out of
   style.css. Used on faq.php. */

.faq-controls { display: flex; gap: 0.5rem; margin-bottom: 1.25rem; }
.faq-list { display: flex; flex-direction: column; gap: 0.5rem; }
.faq-item { overflow: hidden; }
.faq-question { display: flex; align-items: center; gap: 0.5rem; padding: 0.9rem 1.25rem; font-weight: 600; font-size: 1rem; cursor: pointer; list-style: none; user-select: none; }
.faq-question::-webkit-details-marker { display: none; }
.faq-question::after { content: ''; display: inline-block; margin-left: auto; width: 0.55em; height: 0.55em; border-right: 2px solid var(--clr-text-muted); border-bottom: 2px solid var(--clr-text-muted); transform: rotate(45deg); transition: transform 0.15s; flex-shrink: 0; }
.faq-item[open] > .faq-question::after { transform: rotate(-135deg); }
.faq-item[open] > .faq-question { border-bottom: 1px solid var(--clr-border); }
.faq-anchor { font-weight: 400; font-size: 0.85em; color: var(--clr-text-muted); text-decoration: none; flex-shrink: 0; }
.faq-anchor:hover { color: var(--clr-link); }
.faq-answer { padding: 1rem 1.25rem; }
.faq-answer p { margin: 0 0 0.75rem; line-height: 1.65; }
.faq-answer p:last-child { margin-bottom: 0; }