/* Dynamic content uses the static NPL components; only real-data wrapping and table overflow differ. */
.npl-body--match .npl-main,
.npl-body--match .npl-sidebar,
.npl-body--match [data-okcm-match-region] { min-width: 0; }
.npl-body--match .npl-team__info { min-width: 0; }
.npl-body--match .npl-team__name { overflow-wrap: anywhere; }
.npl-body--match .npl-team__logo img { width: 100%; height: 100%; object-fit: contain; }
.npl-body--match .npl-score__group { flex-wrap: wrap; }
.npl-body--match .npl-score__player { overflow-wrap: anywhere; }
.npl-body--match .npl-score__meta { flex-wrap: wrap; }
.npl-body--match .npl-score__title { line-height: 1.35; overflow-wrap: anywhere; }
.npl-body--match .npl-score__foot { gap: 12px; }
.npl-body--match .npl-score__toss { overflow-wrap: anywhere; }
.npl-match-chase { padding: 8px 0 0; font-size: 13px; font-weight: 600; }
.npl-match-empty { padding: 16px; color: var(--npl-color-dark-400); font-size: 14px; }
.npl-match-table-scroll { overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain; }
.npl-match-totals { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px; font-size: 12px; }
.npl-match-dnb { padding: 14px; font-size: 13px; }
.npl-match-dnb a { display: inline-block; margin-inline-end: 8px; }
.npl-match-feed-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.npl-match-feed-filters [aria-pressed="true"] { background: var(--npl-color-primary-500); color: #fff; }
.npl-body--match .npl-ball__text { overflow-wrap: anywhere; min-width: 0; }
.npl-body--match .npl-ball__text p + p { margin-top: 6px; }
.npl-body--match .npl-player__avatar--real { position: relative; overflow: hidden; border-radius: 50%; flex: none; }
.npl-body--match .npl-player__avatar--real img { position: static; width: 100%; height: 100%; object-fit: cover; }
.npl-body--match .npl-sc-player__avatar img { object-fit: cover; }
.npl-body--match .npl-sc-player__info { min-width: 0; }
.npl-body--match .npl-fancam__slide img { width: 100%; height: 100%; object-fit: cover; }
.npl-match-summary { margin-top: 16px; padding: 16px; }
.npl-match-summary p { margin-top: 8px; }
.npl-body--match .npl-poll__vote.is-selected { background: var(--npl-color-primary-500); color: #fff; border-color: var(--npl-color-primary-500); }
/* The existing reader forms normally inherit these rules from the main site stylesheet. */
.npl-body--match :is(.ok-login-form, .ok-signup-form) { display: none; position: fixed; inset: 0; z-index: 99999; overflow-y: auto; padding: 20px 12px; background: rgba(0, 0, 0, .48); }
.npl-body--match :is(.ok-login-form, .ok-signup-form) > .flx { display: flex; min-height: 100%; justify-content: center; align-items: center; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) .ok-signup-popup-card { position: relative; width: 100%; max-width: 584px; border-radius: 8px; background: #f3f7fc; color: var(--npl-color-dark-700); font-size: 14px; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) h3 { margin: 0; padding: 14px 40px; border-radius: 8px 8px 0 0; background: #fff; text-align: center; font-size: 25px; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) .ok-close-pop { position: absolute; top: 12px; right: 24px; cursor: pointer; transform: rotate(45deg); font-size: 28px; }
.npl-body--match .ok-conv-login-for-new,
.npl-body--match .ok-fleld-wrap { padding: 24px; }
.npl-body--match .ok-conv-login-box { max-width: 400px; margin: 0 auto; }
.npl-body--match .ok-login-form .ok-signup-popup-card { max-width: 940px; }
.npl-body--match .ok-login-item-wrap { display: flex; }
.npl-body--match .ok-login-item-wrap > :is(.ok-conv-login-for-new, .ok-login-desc) { flex: 1; width: 0; min-width: 0; }
.npl-body--match .ok-login-form .ok-login-desc { padding: 24px; }
.npl-body--match .ok-login-desc li { margin-bottom: 12px; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) :is(.frm-fld, .ok-frm-fld) { margin-bottom: 15px; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) input:is([type="text"], [type="password"], [type="email"], [type="tel"]) { width: 100%; padding: 12px 15px; border: 1px solid #e2ebf7; border-radius: 4px; background: #fff; font-size: 14px; }
.npl-body--match :is(.ok-login-form, .ok-signup-form) a { color: var(--npl-color-primary-500); }
.npl-body--match :is(.ok-login-form, .ok-signup-form) .ok-btn { padding: 10px 20px; border: 0; border-radius: 4px; background: var(--npl-color-primary-500); color: #fff; cursor: pointer; }
.npl-body--match .field-remember { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.npl-body--match .ok-btn-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.npl-body--match .ok-login-with-social { margin-top: 24px; }
.npl-body--match .ok-login-with-social h5 { margin-bottom: 10px; }
.npl-body--match .ok-login-with-social a { display: inline-block; margin: 0 12px 8px 0; }
.npl-body--match .form-response-message { margin-top: 12px; }
.npl-body--match .npl-potm { gap: 12px; }
.npl-body--match .npl-potm__player { width: auto; min-width: 0; }
.npl-body--match .npl-potm__details { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; min-width: 0; }
.npl-body--match .npl-potm__name,
.npl-body--match .npl-potm__meta { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
@media (min-width: 768px) {
    .npl-body--match .npl-score__head { height: auto; min-height: 76px; padding-bottom: 18px; gap: 12px; }
    .npl-body--match .npl-score__live { height: auto; min-height: 82px; }
}
@media (max-width: 767px) {
    .npl-body--match .ok-login-item-wrap { flex-direction: column; }
    .npl-body--match .ok-login-item-wrap > :is(.ok-conv-login-for-new, .ok-login-desc) { flex: auto; width: 100%; }
    .npl-body--match .npl-score__teams { gap: 10px; }
    .npl-body--match .npl-team__score { display: flex; flex-wrap: wrap; gap: 4px; }
    .npl-body--match .npl-team--away .npl-team__score { justify-content: flex-end; }
    .npl-body--match .npl-score__group--over { align-items: flex-start; gap: 8px; }
    .npl-body--match .npl-score__group--over .npl-chips { flex-wrap: wrap; }
    .npl-body--match .npl-score__foot { flex-wrap: wrap; }
    .npl-body--match .npl-score__foot-links { margin-left: auto; }
    .npl-body--match .npl-sc-table--bat col:last-child,
    .npl-body--match .npl-sc-table--bowl col:last-child { width: 47px; }
    .npl-body--match .npl-sc-player__name { overflow-wrap: anywhere; white-space: normal; line-height: 1.4; }
    .npl-body--match .npl-partner__row { gap: 8px; }
    .npl-body--match .npl-partner__row .npl-sc-player__avatar { display: none; }
    .npl-body--match .npl-partner__total { min-width: 72px; }
}
@media (max-width: 359px) {
    .npl-body--match .npl-sc-table--bat col:nth-child(n+3) { width: 26px; }
    .npl-body--match .npl-sc-table--bowl col:nth-child(n+2) { width: 30px; }
    .npl-body--match .npl-sc-table--bat col:last-child,
    .npl-body--match .npl-sc-table--bowl col:last-child { width: 45px; }
    .npl-body--match .npl-sc-table--bat .npl-sc-player,
    .npl-body--match .npl-sc-table--bowl .npl-sc-player { gap: 4px; }
    .npl-body--match .npl-sc-table--bat .npl-sc-player__avatar,
    .npl-body--match .npl-sc-table--bowl .npl-sc-player__avatar { width: 24px; height: 24px; }
    .npl-body--match .npl-sc-table--bat .npl-sc-player__avatar img,
    .npl-body--match .npl-sc-table--bowl .npl-sc-player__avatar img { width: 100%; height: 100%; }
}