.pg-faq{position:relative;padding:var(--sec-pad) 0}
.pg-faq__grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:80px;align-items:start}
.pg-faq__intro .pg-eyebrow{margin-bottom:22px}
.pg-faq__intro .pg-h2{margin-bottom:26px}
.pg-faq__intro .pg-lede{margin-bottom:18px;max-width:38ch}
.pg-faq__intro .btn-primary{margin-top:14px}

/* the rail is sticky — ten rows is tall enough that the ask
   scrolls away long before the reader is done. */
@media (min-width:901px){
  .pg-faq__intro{position:sticky;top:120px}
}

.pg-faq__item{border-top:1px solid var(--hairline)}
.pg-faq__item:last-child{border-bottom:1px solid var(--hairline)}
.pg-faq__q{
  width:100%;display:flex;align-items:flex-start;gap:28px;justify-content:space-between;
  padding:26px 0;text-align:left;font-size:clamp(16px,1.35vw,19px);line-height:1.35;
}
/* the + mark. becomes a single rule when the row is open — the
   vertical bar collapses, it does not rotate. */
.pg-faq__q i{position:relative;width:16px;height:16px;flex:none;margin-top:4px}
.pg-faq__q i::before,.pg-faq__q i::after{
  content:'';position:absolute;background:var(--neon);
  transition:transform .32s var(--ease),opacity .24s var(--ease);
}
.pg-faq__q i::before{left:0;top:7px;width:16px;height:1.6px}
.pg-faq__q i::after{left:7px;top:0;width:1.6px;height:16px}
.pg-faq__item.is-open .pg-faq__q i::after{transform:scaleY(0);opacity:0}

/* the 0fr → 1fr row is the height animation. the answer never leaves
   the DOM, so it stays findable and indexable while collapsed.
   overflow:hidden lives on the inner wrapper, not on a single <p> —
   several answers run to two paragraphs or a list, and clipping each
   child separately would let the tail of a closed row bleed through.
   the trailing gap is a margin on the last child rather than padding
   on the wrapper: inside overflow:hidden it counts toward the measured
   height, so it collapses with the row instead of leaking 26px. */
.pg-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}
.pg-faq__item.is-open .pg-faq__a{grid-template-rows:1fr}
.pg-faq__a-in{overflow:hidden;color:var(--muted)}
.pg-faq__a-in p{max-width:70ch;line-height:1.62}
.pg-faq__a-in p + p,.pg-faq__a-in ul{margin-top:14px}
.pg-faq__a-in > :last-child{margin-bottom:26px}

.pg-faq__bullets li{position:relative;padding-left:22px;max-width:70ch;line-height:1.62}
.pg-faq__bullets li + li{margin-top:8px}
.pg-faq__bullets li::before{
  content:'';position:absolute;left:2px;top:.72em;
  width:6px;height:1.4px;background:var(--neon);
}

@media (max-width:900px){
  .pg-faq__grid{grid-template-columns:1fr;gap:44px}
}