/* FAQ layout variants — cards / two_col / tabbed / split / numbered.
 * Augments the base .apb-rx-faq accordion (component-sections.css). Tokens only, no !important.
 * The base .apb-rx-faq-item summary/chevron styling is inherited from component-sections.css. */

/* ---- cards: always-visible Q&A tiles with an optional icon ---- */
.apb-rx-faq--cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(14px,2vw,20px);max-width:1080px}
.apb-rx-faqc{background:var(--apb-rx-surface,#fff);border:1px solid var(--apb-rx-line,#e7e8ec);border-radius:var(--apb-rx-radius,16px);padding:clamp(18px,3vw,26px);transition:transform var(--apb-rx-t-fast) var(--apb-rx-ease),box-shadow var(--apb-rx-t-fast) var(--apb-rx-ease)}
.apb-rx-faqc:hover{transform:translateY(-3px);box-shadow:var(--apb-rx-shadow-3,0 18px 40px -18px rgba(11,13,18,.22))}
.apb-rx-faqc-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--apb-rx-soft,#f4f5f7);color:var(--apb-rx-accent-text,var(--apb-rx-brand));margin-bottom:14px}
.apb-rx-faqc-ic svg{width:20px;height:20px}
.apb-rx-faqc h3{margin:0 0 8px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--apb-rx-ink)}
.apb-rx-faqc p{margin:0;color:var(--apb-rx-muted,#6b7280);font-size:14px;line-height:1.6}

/* ---- two_col: dense two-column accordion grid ---- */
.apb-rx-faq--twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1000px}
@media(max-width:680px){.apb-rx-faq--twocol{grid-template-columns:1fr}}

/* ---- numbered: editorial rows, answers always visible ---- */
.apb-rx-faq--numbered{max-width:860px}
.apb-rx-faqn-row{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,32px);padding:clamp(20px,3vw,32px) 0;border-top:1px solid var(--apb-rx-line,#e7e8ec)}
.apb-rx-faqn-row:last-child{border-bottom:1px solid var(--apb-rx-line,#e7e8ec)}
.apb-rx-faqn-n{font-family:var(--apb-rx-font-display,inherit);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1;color:var(--apb-rx-accent-text,var(--apb-rx-brand));font-variant-numeric:tabular-nums}
.apb-rx-faqn-row h3{margin:0 0 8px;font-size:clamp(17px,2vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--apb-rx-ink)}
.apb-rx-faqn-row p{margin:0;color:var(--apb-rx-muted,#6b7280);font-size:15px;line-height:1.7;max-width:60ch}

/* ---- split: sticky support panel beside the accordion ---- */
.apb-rx-faq--split{display:grid;grid-template-columns:minmax(240px,1fr) 1.6fr;gap:clamp(28px,5vw,64px);align-items:start;max-width:1080px;margin-inline:auto}
.apb-rx-faqs-aside{position:sticky;top:32px}
.apb-rx-faqs-aside h2{font-family:var(--apb-rx-font-display,inherit);font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px;color:var(--apb-rx-ink)}
.apb-rx-faqs-aside p{color:var(--apb-rx-muted,#6b7280);font-size:15px;line-height:1.6;margin:0 0 20px}
.apb-rx-faqs-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--apb-rx-radius,12px);background:var(--apb-rx-brand);color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:transform var(--apb-rx-t-fast) var(--apb-rx-ease)}
.apb-rx-faqs-cta:hover{transform:translateY(-2px)}
.apb-rx-faqs-list>.apb-rx-faq-item{margin-bottom:12px}
@media(max-width:760px){.apb-rx-faq--split{grid-template-columns:1fr}.apb-rx-faqs-aside{position:static}}

/* ---- tabbed: CSS-only category tabs (structural :checked selectors, id-independent) ---- */
.apb-rx-faq--tabbed{position:relative;max-width:820px;margin-inline:auto}
.apb-rx-faq--tabbed>input{position:absolute;opacity:0;pointer-events:none}
.apb-rx-faqt-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.apb-rx-faqt-tabs label{cursor:pointer;padding:9px 18px;border-radius:var(--apb-rx-radius-pill,999px);border:1px solid var(--apb-rx-line,#e7e8ec);font-size:14px;font-weight:600;color:var(--apb-rx-muted,#6b7280);background:var(--apb-rx-surface,#fff);transition:background var(--apb-rx-t) var(--apb-rx-ease),color var(--apb-rx-t) var(--apb-rx-ease),border-color var(--apb-rx-t) var(--apb-rx-ease)}
.apb-rx-faqt-panel{display:none}
/* tabs div is div nth-of-type(1); panel k is div nth-of-type(k+1) */
.apb-rx-faq--tabbed>input:nth-of-type(1):checked~.apb-rx-faqt-panel:nth-of-type(2),
.apb-rx-faq--tabbed>input:nth-of-type(2):checked~.apb-rx-faqt-panel:nth-of-type(3),
.apb-rx-faq--tabbed>input:nth-of-type(3):checked~.apb-rx-faqt-panel:nth-of-type(4),
.apb-rx-faq--tabbed>input:nth-of-type(4):checked~.apb-rx-faqt-panel:nth-of-type(5),
.apb-rx-faq--tabbed>input:nth-of-type(5):checked~.apb-rx-faqt-panel:nth-of-type(6),
.apb-rx-faq--tabbed>input:nth-of-type(6):checked~.apb-rx-faqt-panel:nth-of-type(7){display:grid;gap:10px}
.apb-rx-faq--tabbed>input:nth-of-type(1):checked~.apb-rx-faqt-tabs label:nth-child(1),
.apb-rx-faq--tabbed>input:nth-of-type(2):checked~.apb-rx-faqt-tabs label:nth-child(2),
.apb-rx-faq--tabbed>input:nth-of-type(3):checked~.apb-rx-faqt-tabs label:nth-child(3),
.apb-rx-faq--tabbed>input:nth-of-type(4):checked~.apb-rx-faqt-tabs label:nth-child(4),
.apb-rx-faq--tabbed>input:nth-of-type(5):checked~.apb-rx-faqt-tabs label:nth-child(5),
.apb-rx-faq--tabbed>input:nth-of-type(6):checked~.apb-rx-faqt-tabs label:nth-child(6){background:var(--apb-rx-brand);color:#fff;border-color:var(--apb-rx-brand)}

@media(prefers-reduced-motion:reduce){
  .apb-rx-faqc,.apb-rx-faqs-cta,.apb-rx-faqt-tabs label{transition:none}
  .apb-rx-faqc:hover,.apb-rx-faqs-cta:hover{transform:none}
}