/* FAQ. Bygget på <details>/<summary> — accordion uden JavaScript, så den
 * kan oversættes direkte til en Razor-partial. Samme mekanik som
 * "Se alle 7 punkter" på priskortene. */
.faq{background:var(--surface-light);color:var(--text-on-light)}
.faq__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-12) var(--space-4)}
.faq h2{margin:0 0 var(--space-8);font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--heading-tracking,0)}
.faq__list{max-width:var(--measure);display:flex;flex-direction:column;gap:var(--space-3)}
.faq details{background:var(--ink-0);border:1px solid var(--border-soft);border-radius:16px}
.faq details[open]{border-color:var(--cta-on-light)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);min-height:56px;font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.35;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-size:22px;font-weight:var(--weight-regular);color:var(--cta-on-light);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq summary:focus-visible{outline:2px solid var(--focus-on-light);outline-offset:2px;border-radius:16px}
.faq__answer{padding:0 var(--space-6) var(--space-6)}
.faq__answer p{margin:0 0 var(--space-4);font-size:var(--text-base);line-height:var(--leading-body)}
.faq__answer p:last-child{margin-bottom:0}
.faq__note{margin:var(--space-8) 0 0;font-size:var(--text-sm);color:var(--text-muted);max-width:var(--measure)}
@media (min-width:768px){
  .faq__inner{padding:var(--space-24) var(--space-6)}
  .faq h2{margin-bottom:var(--space-12)}
}