/* rp-faq — component styles. Scope: .rp-faq
   The section markup keeps its Webflow class names (styled globally by
   migration.css); this scoped layer carries EOR-specific refinements.
   CSS owned by Cowork per the homepage split — CC provides the scoped hook. */
.rp-faq { /* scope anchor */ }

/* FAQ heading size — migrated 2026-06-27 from the .rp-cor fork (qa-fixes-cor.css).
   Generic .rp-faq scope. `!important` + the .rp-faq prefix (0,2,0!) is required to beat
   the global `.guide_hiring_faq_h{40px!important}` band-aid (0,1,0!) in qa-fixes-global.css
   + custom_css — Figma FAQ heading is 36/38. (Those global !important FAQ rules are part
   of the custom_css cleanup logged for a later sweep.) */
.rp-faq .guide_hiring_faq_h,
.rp-faq .guide_hiring_faq_h.guide_hiring_faq_h_gray { font-size: 36px !important; line-height: 38px !important; }

/* ── .rp-lp-faq (Local Payroll, Figma 16779:23836) — frame-scoped tuning of the shared
   .rp-faq accordion to the LP redesign: light-blue (#F0F4FE) rounded cards, 40/48 heading,
   20/28 questions, 16/24 answers. Folded here 2026-06-28 from the bespoke lp-faq.css fork
   (and the block's inline <style> stop-gap). The open/close toggle stays JS-driven (inline
   height + .rotate on the icon). Heading uses !important + later load order to beat the
   .rp-faq 36/38 rule above. */
.rp-lp-faq .faq-sub-container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.rp-lp-faq .guide_hiring_faq_h,
.rp-lp-faq .guide_hiring_faq_h.guide_hiring_faq_h_gray {
  font-size: 40px !important; line-height: 48px !important; font-weight: 700; color: #021143; margin: 0 0 8px;
}
.rp-lp-faq .faq-main-container-p {
  font-size: 16px; line-height: 24px; font-weight: 500; color: #3f3f3f; margin: 0 0 32px;
}
.rp-lp-faq .guide_hiring_faq_accordion {
  background-color: #F0F4FE; border-radius: 16px; margin-bottom: 8px; overflow: hidden;
}
.rp-lp-faq .guide_hiring_faq_accordion:last-child { margin-bottom: 0; }
.rp-lp-faq .guide_hiring_faq_accordion_header_container {
  background-color: transparent; border-top: 0; padding: 24px; gap: 32px; transition: padding .25s ease;
}
.rp-lp-faq .guide_hiring_faq_accordion_header_container_h {
  width: auto; flex: 1 1 auto; font-size: 20px; line-height: 28px; font-weight: 600; color: #021143; margin: 0;
}
.rp-lp-faq .guide_hiring_faq_accordion_header_container_icon { width: 24px; height: 24px; flex-shrink: 0; }
.rp-lp-faq .guide_hiring_faq_accordion_header_container_icon.rotate { transform: rotate(180deg); }
/* AR (migration-rtl) caps the answer at max-height:0 for an .open class the JS never adds —
   it animates inline height instead — so free it to reveal in AR too. */
.rp-lp-faq .guide_hiring_faq_accordion_content_container {
  background-color: transparent; padding: 0 24px; max-height: none !important; transition: height .25s ease;
}
.rp-lp-faq .n_pew_landing_page_faqs_container_header { font-size: 16px; line-height: 24px; color: #545454; margin: 0 0 16px; }
/* open card: tighter 16px top + 8px question→answer gap (Figma open variant). */
.rp-lp-faq .guide_hiring_faq_accordion:has(.guide_hiring_faq_accordion_header_container_icon.rotate) .guide_hiring_faq_accordion_header_container { padding: 16px 24px 8px; }