/* faq.css — Panzer IT: FAQ-Akkordeon (details/summary)
   Nur für die FAQ-Seite. Baut auf base.css/components.css/inner.css auf
   (keine Neudefinition von Tokens, keine Duplikate bestehender Klassen).
   Klassen-/Markup-Muster identisch zum FAQ-Teaser auf /preise/. */

.faq-list{ margin-top:var(--sp-4); max-width:64ch; }
.faq-item{
  border-top:1px solid var(--c-line);
  padding-block:var(--sp-2);
}
.faq-item:last-child{ border-bottom:1px solid var(--c-line); }
.faq-item summary{
  cursor:pointer; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  font-family:var(--font-display); font-weight:600; font-size:1.05rem;
  padding-block:.4em;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{
  content:"+"; flex:none; color:var(--c-copper); font-size:1.4rem; line-height:1;
  transition:transform .25s var(--ease);
}
.faq-item[open] summary::after{ transform:rotate(45deg); }
.faq-item summary:focus-visible{ outline:2px solid var(--c-copper); outline-offset:4px; border-radius:4px; }
.faq-item p{ color:var(--c-muted); margin-top:var(--sp-1); max-width:60ch; }

@media (max-width:640px){
  .faq-item summary{ font-size:1rem; }
}