/* REPPTRADE v4.4.25 — fix ACTUAL nested Modern cast-role spans.
   v4.4.24 styled the outer .rc446-cast-role BUTTON, but v4.4.0's
   .rc440-cast-member span { font-size: 11px; } still set each inner
   .rc419-role-fragment to 11px, overriding the button's inheritance.
   Isolate this fix to MODERN cast credits; Playbill remains unchanged.
   Separate versioned CSS path avoids stale browser caching. */

body[data-ui-theme="modern"] :is(#rc440Overlay, #catalogueDetailModal)
.rc419-cast-section[data-rc419-cast-layout="modern"] .rc419-modern-grid
.rc419-cast-member .rc419-cast-credit > button.rc446-cast-role,
body[data-ui-theme="modern"] :is(#rc440Overlay, #catalogueDetailModal)
.rc419-cast-section[data-rc419-cast-layout="modern"] .rc419-modern-grid
.rc419-cast-member .rc419-cast-credit > button.rc446-cast-role .rc419-role-fragment,
body[data-ui-theme="modern"] :is(#rc440Overlay, #catalogueDetailModal)
.rc419-cast-section[data-rc419-cast-layout="modern"] .rc419-modern-grid
.rc419-cast-member .rc419-cast-credit > button.rc446-cast-role .rc419-role-fragment .rc421-cover-mark {
  font-size: 15px !important;
  line-height: 1.32 !important;
  color: #c5c5c5 !important;
  -webkit-text-fill-color: #c5c5c5 !important;
  text-shadow: none !important;
}

/* Modern actors already had the correct 15px button size in v4.4.24.
   Explicitly retain it in both detail surfaces and all viewport widths. */
body[data-ui-theme="modern"] :is(#rc440Overlay, #catalogueDetailModal)
.rc419-cast-section[data-rc419-cast-layout="modern"] .rc419-modern-grid
.rc419-cast-member .rc419-cast-credit > button.rc446-cast-actor {
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Group sits just above center against the portrait, with a 3px gap. */
body[data-ui-theme="modern"] :is(#rc440Overlay, #catalogueDetailModal)
.rc419-cast-section[data-rc419-cast-layout="modern"] .rc419-modern-grid
.rc419-cast-member .rc419-cast-credit {
  gap: 3px !important;
  align-self: center !important;
  justify-content: center !important;
}