.faq-intro{padding-top:84px;padding-bottom:28px}
.faq-intro__copy{max-width:860px}
.faq-intro__eyebrow,.faq-section__index{color:var(--accent-dark);font:600 12px/1.5 var(--font-mono);letter-spacing:.06em}
.faq-intro h1{max-width:780px;margin:14px 0 22px}
.faq-intro__lead{max-width:740px;margin-bottom:34px;color:var(--text-muted);font-size:18px;line-height:1.8}
.faq-toc{width:max-content;max-width:100%;margin-bottom:0;border-radius:var(--r-pill)}
.faq-section{padding-top:76px;padding-bottom:76px;scroll-margin-top:24px}
.faq-section--panel{background:var(--bg-panel);color:var(--text)}
.faq-section__layout{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:clamp(32px,6vw,94px)}
.faq-section__heading{min-width:0}
.faq-section__heading h2{margin:14px 0 16px}
.faq-section__heading p{max-width:300px;color:var(--text-muted)}
.faq-section__items{min-width:0}
.faq-section__items .faq-item{margin-bottom:12px;box-shadow:var(--shadow-sm)}
.faq-section__items .faq-item summary{position:relative;list-style:none;padding-right:56px;line-height:1.55}
.faq-section__items .faq-item summary::-webkit-details-marker{display:none}
.faq-section__items .faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;display:grid;place-items:center;width:26px;height:26px;transform:translateY(-50%);border-radius:var(--r-pill);background:var(--bg-panel);color:var(--accent-dark);font:500 20px/1 var(--font-body)}
.faq-section__items .faq-item[open] summary::after{content:"−";background:var(--accent-soft)}
.faq-section__items .faq-item__answer{padding-right:28px;line-height:1.85}
.faq-section__note{margin-top:22px}
.faq-section__note a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){
  .faq-intro{padding-top:54px;padding-bottom:12px}
  .faq-intro__lead{font-size:16px}
  .faq-section{padding-top:60px;padding-bottom:60px}
  .faq-section__layout{grid-template-columns:minmax(0,1fr);gap:22px}
  .faq-section__heading p{max-width:620px;margin-bottom:0}
}
@media(max-width:480px){
  .faq-toc{width:100%;border-radius:var(--r-lg)}
  .faq-toc a{flex:1 1 calc(50% - 8px);justify-content:center}
  .faq-section__items .faq-item summary{padding-left:18px;padding-right:48px}
  .faq-section__items .faq-item summary::after{right:14px}
  .faq-section__items .faq-item__answer{padding-left:18px;padding-right:18px}
}