/* =========================================================================
   faq.css — accordion styling for the FAQ page (built on site tokens)
   ========================================================================= */

.faq-group { margin-top: clamp(2.25rem, 4vw, 3.25rem); }
.faq-group > h2 { font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2rem); margin-bottom: .5rem; }
.faq-group .faq { border-top: 1px solid var(--line); margin-top: 1rem; }

details.faq-item { border-bottom: 1px solid var(--line); }
details.faq-item summary {
  cursor: pointer; list-style: none; position: relative;
  padding: 1.15rem 2.5rem 1.15rem 0;
  font-family: var(--display); font-weight: var(--w-medium); font-size: 1.05rem;
  color: var(--ink);
}
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item summary::after {
  content: "+"; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%);
  font-size: 1.5rem; line-height: 1; color: var(--magenta); transition: transform .2s var(--ease);
}
details.faq-item[open] summary::after { content: "\2212"; }
details.faq-item summary:hover { color: var(--magenta); }

.faq-a { padding: 0 0 1.3rem; color: var(--ink-soft); line-height: 1.6; max-width: 70ch; }
.faq-a p { margin: 0 0 .8em; }
.faq-a p:last-child { margin: 0; }