/* ==========================================================================
   rp-eor feature sections — extracted from DB blocks #7312/#7313 (2026-06-27)
   Was raw CSS inside a wp:html block (no <style> wrapper) → rendered as visible
   text. Moved here verbatim; enqueued by inc/eor-features-css.php on /eor.
   Scope: .rp-eor / .rp-eorf. CSS must NEVER live in DB block content again.
   ========================================================================= */
/* ===== RP EOR feature sections (Figma 15233:19425) — inline so it ships via DB (deploy-safe) ===== */
.rp-eor *{box-sizing:border-box}
.rp-eor{font-family:Mulish,-apple-system,BlinkMacSystemFont,sans-serif;color:#2A2A2A;overflow-x:clip}
.rp-eor section{position:relative;padding:80px 0}
.rp-eor-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.rp-eor--navy,.rp-eor--light{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.rp-eor--navy{background:#021143;color:#fff}
.rp-eor--light{background:#F0F4FE}
.rp-eor-blue{color:#114EF7}
/* force navy section copy white over global theme CSS */
.rp-eor--navy h2,.rp-eor--navy h2 span,.rp-eor--navy p,.rp-eor--navy li,.rp-eor--navy strong,.rp-eor--navy .rp-eor-talent__lead{color:#fff!important}
.rp-eor--navy .rp-eor-blue,.rp-eor--navy h2 .rp-eor-blue{color:#5B82FF!important}
.rp-eor-strong{font-weight:700}
.rp-eor p{line-height:1.5}
/* split layout */
.rp-eor-split{display:flex;gap:60px;align-items:center}
.rp-eor-split--rev{flex-direction:row-reverse}
.rp-eor-split__text{flex:1 1 50%;min-width:0}
.rp-eor-split__media{flex:1 1 50%;min-width:0}
/* media + placeholder fallback */
.rp-eor-media{position:relative;display:flex;align-items:center;justify-content:center}
.rp-eor-media>img{width:100%;height:auto;display:block}
/* checklist */
.rp-eor-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.rp-eor-checklist>li{position:relative;padding-left:38px;line-height:1.5}
.rp-eor-checklist>li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%23114EF7' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
.rp-eor-checklist--titled>li{padding-left:40px}
.rp-eor-checklist--titled h3{margin:0 0 6px}
.rp-eor-checklist--titled p{margin:0;color:#5A6079}
.rp-eor--navy .rp-eor-checklist--titled p{color:#BFC7E6}
/* testimonial band */
.rp-eor-tst{display:flex;align-items:center;gap:40px;border-radius:22px;padding:44px 52px;margin-top:64px}
.rp-eor-tst--navy{background:#0A1C54}
.rp-eor-tst--light{background:#fff;box-shadow:0 14px 44px rgba(2,17,67,.07)}
.rp-eor-tst__photo{flex:0 0 150px;width:150px;height:150px;border-radius:50%;object-fit:cover;background:#dfe6f7}
.rp-eor-tst__body{flex:1 1 auto;min-width:0}
.rp-eor-tst__rating{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.rp-eor-tst__stars{color:#FFD02F;letter-spacing:3px;font-size:17px;line-height:1}
.rp-eor-tst__score{font-size:13px;font-weight:700;opacity:.85}
.rp-eor-tst__g2{width:26px;height:26px;border-radius:50%;background:#FF492C;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.rp-eor-tst__quote{font-size:18px;font-weight:700;line-height:1.45;margin:0 0 18px}
.rp-eor-tst--navy .rp-eor-tst__quote,.rp-eor-tst--navy .rp-eor-tst__name{color:#fff}
.rp-eor-tst__name{font-weight:700}
.rp-eor-tst__role{font-size:14px;color:#7A809E}
.rp-eor-tst--navy .rp-eor-tst__role{color:#A7ABCB}
.rp-eor-tst__btn{flex:0 0 auto;align-self:center;background:#fff;color:#021143;border:1px solid #E2E8F8;border-radius:9px;padding:15px 28px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.rp-eor-tst__btn:hover{background:#F0F4FE}
/* handle (pain + checklist) */
.rp-eor-handle__intro{display:flex;gap:60px;align-items:flex-start;margin-bottom:52px}
.rp-eor-handle__intro h2{flex:1 1 54%;margin:0}
.rp-eor-handle__intro>div{flex:1 1 46%}
.rp-eor-handle__intro p{margin:0 0 16px}
.rp-eor-handle__body{display:flex;gap:60px;align-items:flex-start}
.rp-eor-handle__media{flex:1 1 42%}
.rp-eor-handle__body .rp-eor-checklist{flex:1 1 58%}
/* talent / boss text bits */
.rp-eor-split__text h2{margin:0 0 18px}
.rp-eor-split__text>p{margin:0 0 14px}
.rp-eor-talent__lead{font-weight:700;margin-top:26px!important}
/* onboarding steps */
.rp-eor-onboard__head{text-align:center;margin:0 auto}
.rp-eor-onboard__intro,.rp-eor-onboard__sub{text-align:center;max-width:780px;margin:18px auto 0;color:#4A4F6B}
.rp-eor-onboard__intro a{color:#114EF7;text-decoration:underline}
.rp-eor-steps{display:flex;gap:32px;margin-top:52px}
.rp-eor-step{flex:1 1 0;min-width:0}
.rp-eor-step__num{display:inline-flex;width:42px;height:42px;border-radius:13px;background:#EAF0FF;color:#114EF7;font-weight:700;font-size:18px;align-items:center;justify-content:center;margin-bottom:22px}
.rp-eor-step:first-child .rp-eor-step__num{background:#114EF7;color:#fff}
.rp-eor-step__media{position:relative;display:flex;align-items:center;justify-content:center}
.rp-eor-step__media>img{width:100%;height:auto;display:block}
.rp-eor-step h3{margin:22px 0 8px}
.rp-eor-step p{color:#4A4F6B;margin:0}
.rp-eor-onboard__cta,.rp-eor-pay__cta{text-align:center;margin-top:48px}
/* pay */
.rp-eor-pay__points{display:flex;gap:44px;margin:26px 0}
.rp-eor-pay__points>div{flex:1 1 0;min-width:0}
.rp-eor-pay__points h4{margin:12px 0 6px}
.rp-eor-pay__points p{margin:0;color:#4A4F6B}
.rp-eor-pay__icon{font-size:24px;line-height:1}
.rp-eor-pay__icon svg{display:block}
.rp-eor-pay .rp-eor-btn{margin-top:8px}
/* button */
.rp-eor-btn{display:inline-block;background:#114EF7;color:#fff;font-weight:700;padding:16px 38px;border-radius:11px;text-decoration:none}
.rp-eor-btn:hover{background:#0D3FCB;color:#fff}
@media(max-width:991px){
  /* QA R1 mobile (Greg S8 review): `.rp-eor section` set horizontal padding to 0 (full-bleed),
     which on desktop is hidden by the inner max-width+margin:auto, but on mobile jams §1.3/§1.4/§1.6
     text right against both edges (cramped/amateur). Add a 20px gutter on mobile — bg stays full-bleed
     (it's on the section/parent, padding is inside the border-box), only the content insets. */
  .rp-eor section{padding:52px 20px}
  .rp-eor-split,.rp-eor-split--rev,.rp-eor-handle__intro,.rp-eor-handle__body,.rp-eor-steps,.rp-eor-pay__points{flex-direction:column;gap:32px}
  .rp-eor-tst{flex-direction:column;text-align:center;padding:34px 24px;gap:24px}
  .rp-eor-tst__rating{justify-content:center}
}
/* RTL */
.rtl .rp-eor-checklist>li{padding-left:0;padding-right:38px}
.rtl .rp-eor-checklist>li::before{left:auto;right:0}
.rp-eorf{background:#fff}.rp-eorf__in{display:flex;gap:80px;align-items:center;max-width:1440px;margin:0 auto;padding:80px 120px}.rp-eorf--rev .rp-eorf__in{flex-direction:row-reverse}.rp-eorf__illo{flex:1 0 0;min-width:0}.rp-eorf__illo img{width:100%;height:auto;border-radius:16px;display:block}.rp-eorf__text{width:580px;flex-shrink:0;display:flex;flex-direction:column;gap:32px}.rp-eorf__h{font-family:Mulish,sans-serif;font-size:40px;line-height:48px;font-weight:700;color:#2a2a2a;margin:0}.rp-eorf__body{font-family:Mulish,sans-serif;font-size:20px;line-height:28px;font-weight:400;color:#696969;margin:0}.rp-eorf__sub{font-family:Mulish,sans-serif;font-size:24px;line-height:28px;font-weight:700;color:#696969;margin:0}.rp-eorf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rp-eorf__li{display:flex;gap:8px;align-items:center;font-family:Mulish,sans-serif;font-size:20px;line-height:28px;color:#696969}.rp-eorf__li svg{flex:0 0 24px}.rp-eorf__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:500;color:#374151;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.05);align-self:flex-start}.rp-eorf__body{line-height:28px}.rp-eorf p{line-height:28px}@media(max-width:991px){.rp-eorf__in,.rp-eorf--rev .rp-eorf__in{flex-direction:column;padding:48px 20px;gap:32px}.rp-eorf__text{width:100%}.rp-eorf__h{font-size:32px;line-height:40px}}