/* ===== FAQ — Akkordeon (eine Zeile offen) ===== */
.faq-list{max-width:880px;margin:0 auto;display:grid;gap:14px}
.faq-item{
  border:1px solid var(--line);border-radius:22px;background:var(--card);
  overflow:hidden;
  transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
}
.faq-item.open{border-color:var(--accent);box-shadow:0 24px 60px -34px rgba(0,0,0,.28)}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:none;border:none;cursor:pointer;text-align:left;
  padding:26px 30px;font-family:var(--font);
  font-size:clamp(18px,2vw,22px);font-weight:700;color:var(--head);
  letter-spacing:-.01em;line-height:1.25;
  transition:color .3s var(--ease);
}
.faq-item.open .faq-q{color:var(--accent)}
.faq-q:hover{color:var(--head)}
.faq-item.open .faq-q:hover{color:var(--accent)}
.faq-icon{position:relative;width:20px;height:20px;flex-shrink:0}
.faq-icon i{
  position:absolute;left:50%;top:50%;width:20px;height:2.4px;
  background:var(--accent);border-radius:2px;
  transform:translate(-50%,-50%);
  transition:transform .4s var(--ease),opacity .3s var(--ease);
}
.faq-icon i:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.open .faq-icon i:nth-child(2){transform:translate(-50%,-50%) rotate(0deg);opacity:0}
.faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.faq-item.open .faq-a-wrap{grid-template-rows:1fr}
.faq-a{overflow:hidden}
.faq-a p{padding:0 30px 28px;color:var(--muted);font-size:17px;line-height:1.6;max-width:70ch}