/* Haeufige Fragen am Seitenende (components/faq_bereich.html, 03.11.2026).
   Gleiches Bild wie der Frageblock der Spielesammlung (pn-sammlung-vorstellung.css);
   Farben nur aus der Palette (hell/dunkel). */
body.pn-ui .pn-faq { max-width: 52rem; margin: 2.5rem 0 2rem; }
/* Startseite: der Block steht unter dem Feed, ausserhalb des Kartenrasters */
body.pn-ui .pn-faq-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
body.pn-ui .pn-faq-wrap .pn-faq { margin-left: auto; margin-right: auto; }
body.pn-ui .pn-faq__head {
  margin: 0 0 1rem;
  font: 700 1.35rem/1.25 var(--pn-serif); color: var(--pn-ink);
}
body.pn-ui .pn-faq__item { border-top: 1px solid var(--border); }
body.pn-ui .pn-faq__item:last-of-type { border-bottom: 1px solid var(--border); }
body.pn-ui .pn-faq__item summary {
  cursor: pointer; display: flex; gap: 0.6rem; align-items: baseline;
  min-height: 44px; padding: 0.85rem 0.2rem; font-weight: 700; color: var(--pn-ink); list-style: none;
}
body.pn-ui .pn-faq__item summary::-webkit-details-marker { display: none; }
body.pn-ui .pn-faq__item summary::before {
  content: "+"; flex: none; font-weight: 700; color: var(--accent-strong, var(--pn-tx-orange));
}
body.pn-ui .pn-faq__item[open] summary::before { content: "\2212"; }
body.pn-ui .pn-faq__item summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
body.pn-ui .pn-faq__item p {
  margin: 0 0 0.9rem 1.5rem; max-width: 46rem;
  line-height: 1.55; color: var(--pn-text); font-size: 0.9375rem;
}