/* ============================================================================
   DropsA DS — FAQ accordion (single source of truth).
   Markup: ds/Faq.astro (.ds-faq). Do not duplicate FAQ styles elsewhere.
   ========================================================================== */

.ds-faq{max-width:900px;margin:0 auto;padding:var(--ds-space-6) var(--ds-space-4);box-sizing:border-box}
.ds-faq__head{margin-bottom:28px}
.ds-faq__k{font-family:var(--ds-mono);font-size:12px;font-weight:600;letter-spacing:2px;color:var(--ds-brand-d)}
.ds-faq__h{margin:12px 0 0;font-weight:900;font-size:36px;letter-spacing:-1.1px;line-height:1.1;color:var(--ds-ink)}
.ds-faq__list{display:flex;flex-direction:column;gap:12px}
.ds-faq__item{background:#fff;border:1px solid var(--ds-line);border-radius:12px;overflow:hidden;margin:0}
.ds-faq__item>summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 24px;cursor:pointer;list-style:none;
  font-weight:700;font-size:18px;color:var(--ds-ink);
}
.ds-faq__item>summary::-webkit-details-marker{display:none}
/* Neutralise global summary::after from legacy landing CSS — sign span is the only toggle */
.ds-faq__item>summary::after{content:none!important}
.ds-faq__sign{flex:none;font-size:24px;font-weight:400;line-height:1;color:var(--ds-brand)}
.ds-faq__item>summary .ds-faq__sign::after{content:"+"}
.ds-faq__item[open]>summary .ds-faq__sign::after{content:"\2013"}
.ds-faq__a{padding:0 24px 24px;font-size:15.5px;line-height:1.7;color:var(--ds-muted)}
.ds-faq__a a{color:var(--ds-brand-d);font-weight:600;text-decoration:none;border-bottom:1px solid #f0c3b4}
.ds-faq__note{margin:28px 0 0;font-size:15.5px;line-height:1.7;color:var(--ds-muted)}
.ds-faq__note a{color:var(--ds-brand-d);font-weight:600;border-bottom:1px solid #f0c3b4}
.ds-faq__foot{margin-top:32px;text-align:center}
.ds-faq__foot a:not(.pill-cta){color:var(--ds-brand-d);font-weight:600;border-bottom:1px solid #f0c3b4}
.ds-faq__foot a.pill-cta{
  display:inline-flex;align-items:center;font-weight:700;font-size:14px;color:var(--ds-brand-d);
  background:#fff;border:1px solid #ecd8cf;border-radius:999px;padding:10px 18px;
  text-decoration:none;border-bottom:0;transition:background .15s,border-color .15s;
}
.ds-faq__foot a.pill-cta:hover{background:#fdeee8;border-color:#f0c3b4}
.ds-faq__item>summary:focus-visible{outline:2px solid var(--ds-brand);outline-offset:-2px}
.ds-faq--compact{padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-6)}

@media (max-width:899px){
  .ds-faq{padding:var(--ds-space-5) var(--ds-space-3)}
  .ds-faq--compact{padding:var(--ds-space-4) var(--ds-space-3) var(--ds-space-5)}
  .ds-faq__h{font-size:28px}
}
@media (max-width:560px){ .ds-faq__h{font-size:26px} }