/* rp-cm-visibility — "Manage Contractors With the Same Visibility as Employees".
   Scope: .rp-cm-visibility. Structural layout by CC; Cowork refines to Figma 15642:8477. */
.rp-cm-visibility { padding: 80px 24px; }
/* AR fix 2026-07-23: frozen migration-rtl.min.css ships `.rp-contractors .rp-container{padding:0 32px}`
   which zeroes the top/bottom spacing (EN migration has no such rule). Force EN spacing. */
body.rtl .rp-contractors .rp-cm-visibility.rp-container,
html[dir="rtl"] .rp-contractors .rp-cm-visibility.rp-container { padding: 80px 24px !important; }
.rp-cm-vis__head { text-align: center; max-width: 760px; margin: 0 auto 40px; }
.rp-cm-vis__heading { font-family: Mulish, -apple-system, sans-serif; font-size: 40px; line-height: 48px; font-weight: 700; color: #021143; margin: 0 0 16px; }
.rp-cm-vis__heading .rp-blue { color: #114EF7; }
.rp-cm-vis__sub { font-family: Mulish, sans-serif; font-size: 18px; line-height: 1.5; color: #545454; margin: 0; }
.rp-cm-vis__illo { max-width: 1216px; margin: 0 auto 48px; }
.rp-cm-vis__illo img { width: 100%; height: auto; display: block; border-radius: 16px; }
.rp-cm-vis__list { list-style: none; margin: 0 auto; padding: 0; max-width: 1216px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.rp-cm-vis__title { font-family: Mulish, sans-serif; font-size: 20px; line-height: 24px; font-weight: 700; color: #021143; margin: 0 0 8px; }
.rp-cm-vis__text { font-family: Mulish, sans-serif; font-size: 15px; line-height: 22px; font-weight: 400; color: #545454; margin: 0; }
@media (max-width: 991px) { .rp-cm-vis__list { grid-template-columns: 1fr 1fr; } .rp-cm-vis__heading { font-size: 28px; } }
@media (max-width: 575px) { .rp-cm-vis__list { grid-template-columns: 1fr; } }