/* PM PERF: externalized shared News CSS 2026-09-08 */
    .pm-news-page {
        /* PM NEWS: full width page wrapper 2026-06-27 */
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .pm-news-title {
        margin: 0 0 18px;
        color: #13294b;
        font-size: 34px;
        line-height: 1.1;
    }

    /* PM UX: Updates heading matches active-nav underline 2026-09-05 START */
    .pm-news-title.pm-news-title-updates {
        position: relative;
        width: fit-content;
    }

    .pm-news-title.pm-news-title-updates::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -6px;
        height: 2px;
        border-radius: 999px;
        background: #9d2235;
    }
    /* PM UX: Updates heading matches active-nav underline 2026-09-05 END */

    .pm-news-card {
        background: #fff;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        box-shadow: 0 8px 24px rgba(19, 41, 75, 0.08);
        overflow: hidden;
        margin-bottom: 18px;
    }

    .pm-news-card-body {
        padding: 22px;
    }

    .pm-news-card h2,
    .pm-news-card h1 {
        margin: 0 0 10px;
        color: #13294b;
        line-height: 1.15;
    }

    .pm-news-card h2 a {
        color: #13294b;
        text-decoration: none;
    }

    .pm-news-card h2 a:hover {
        color: #9d2235;
    }

    .pm-news-meta {
        color: #64748b;
        font-size: 13px;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .pm-news-excerpt,
    .pm-news-content {
        color: #26364d;
        line-height: 1.7;
        font-size: 15px;
    }

    .pm-news-content p {
        margin: 0 0 15px;
    }

    .pm-news-image {
        width: 100%;
        max-height: 360px;
        object-fit: cover;
        display: block;
        background: #f4f7fb;
    }

    .pm-news-read-more,
    .pm-news-back {
        display: inline-flex;
        margin-top: 14px;
        color: #9d2235;
        font-weight: 900;
        text-decoration: none;
    }

    .pm-news-empty {
        background: #fff;
        border-radius: 6px;
        padding: 22px;
        border: 1px solid #dbe6f3;
        box-shadow: 0 8px 24px rgba(19, 41, 75, 0.08);
        color: #526071;
        line-height: 1.6;
    }

    /* PM NEWS: responsive 4 column listing grid 2026-06-27 */
    .pm-news-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
        align-items: stretch;
    }

    .pm-news-grid .pm-news-card {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .pm-news-grid .pm-news-card-body {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 16px;
    }

    .pm-news-grid .pm-news-card h2 {
        font-size: 18px;
        line-height: 1.18;
        margin-bottom: 8px;
    }

    .pm-news-grid .pm-news-meta {
        font-size: 12px;
        line-height: 1.35;
    }

    .pm-news-grid .pm-news-excerpt {
        font-size: 13px;
        line-height: 1.55;
    }

    .pm-news-grid .pm-news-read-more {
        margin-top: auto;
        padding-top: 12px;
    }

    .pm-news-grid .pm-news-image {
        height: 190px;
        max-height: none;
    }

    @media (max-width: 1400px) {
        .pm-news-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 1050px) {
        .pm-news-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 640px) {
        .pm-news-grid {
            grid-template-columns: 1fr;
            gap: 14px;
        }

        .pm-news-grid .pm-news-card-body {
            padding: 18px;
        }

        .pm-news-grid .pm-news-image {
            height: auto;
            max-height: 320px;
        }

        .pm-news-grid .pm-news-card h2 {
            font-size: 20px;
        }

        .pm-news-grid .pm-news-excerpt {
            font-size: 15px;
        }
    }

    @media (max-width: 640px) {
        .pm-news-title {
            font-size: 28px;
        }

        .pm-news-card-body {
            padding: 18px;
        }
    }
    /* PM NEWS: display article author byline 2026-06-27 */
    /* PM NEWS: assigned league badge 2026-06-27 */
    .pm-news-league-label {
        /* PM NEWS: league label radius 4px 2026-06-27 */
        display: inline-flex;
        align-items: center;
        gap: 7px;
        max-width: 100%;
        width: fit-content;
        margin: 0 0 10px;
        padding: 6px 10px;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        background: #f8fbff;
        color: #13294b;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.1;
        box-shadow: 0 5px 14px rgba(19, 41, 75, 0.08);
    }

    .pm-news-league-label img {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        object-fit: contain;
        border-radius: 50%;
        background: #fff;
        border: 1px solid rgba(19, 41, 75, 0.12);
    }

    .pm-news-league-label span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* PM NEWS: embeddable home reuse mode 2026-06-27 */
    .pm-news-page.pm-news-home-embed {
        width: 100%;
        margin: 0;
    }

    .pm-news-page.pm-news-home-embed .pm-news-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pm-news-page.pm-news-home-embed .pm-news-card {
        margin-bottom: 0;
    }

    .pm-news-page.pm-news-home-embed .pm-news-image {
        height: 190px;
        max-height: none;
    }

    .pm-news-page.pm-news-home-embed .pm-news-card-body {
        padding: 16px;
    }

    .pm-news-page.pm-news-home-embed .pm-news-card h2 {
        font-size: 18px;
        line-height: 1.18;
    }

    .pm-news-page.pm-news-home-embed .pm-news-excerpt {
        font-size: 13px;
        line-height: 1.55;
    }

    /* PM NEWS: embedded filter menu 2026-06-27 */
    .pm-news-page.pm-news-home-embed > .pm-news-title {
        display: none !important;
    }

    .pm-news-home-menu {
        display: grid;
        gap: 8px;
        margin: 10px 0 14px;
        padding: 8px;
        min-height: 92px;
        background: #fff;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05);
    }

    .pm-news-home-menu-row {
        display: grid;
        grid-template-columns: 1fr; /* PM NEWS FILTER: full width league selector after sort removal 2026-06-28 */
        gap: 8px;
    }

    .pm-news-home-control {
        width: 100%;
        height: 36px;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        background: #f8fbff;
        color: #13294b;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 900;
        outline: none;
    }

    .pm-news-home-control:focus {
        border-color: #9d2235;
        box-shadow: 0 0 0 2px rgba(157, 34, 53, 0.10);
    }

    .pm-news-home-search-wrap {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }
.pm-news-home-reset {
        height: 36px;
        border: 1px solid #13294b;
        border-radius: 6px;
        background: #13294b;
        color: #fff;
        padding: 0 12px;
        font-size: 12px;
        font-weight: 900;
        cursor: pointer;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }

    .pm-news-home-reset {
        border-color: #dbe6f3;
        background: #fff;
        color: #9d2235;
    }

    @media (max-width: 640px) {
        .pm-news-home-menu-row,
        .pm-news-home-search-wrap {
            grid-template-columns: 1fr;
        }

        .pm-news-home-menu {
            min-height: 0;
        }
    }

    /* PM UX: Updates search left selector right one row 2026-09-05 START */
    .pm-news-page:not(.pm-news-home-embed) .pm-news-home-menu {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 34%);
        align-items: center;
        min-height: 0;
    }

    .pm-news-page:not(.pm-news-home-embed) .pm-news-home-search-wrap {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .pm-news-page:not(.pm-news-home-embed) .pm-news-home-menu-row {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    @media (max-width: 640px) {
        .pm-news-page:not(.pm-news-home-embed) .pm-news-home-menu {
            grid-template-columns: 1fr;
        }

        .pm-news-page:not(.pm-news-home-embed) .pm-news-home-search-wrap {
            grid-column: 1;
            grid-row: 1;
        }

        .pm-news-page:not(.pm-news-home-embed) .pm-news-home-menu-row {
            grid-column: 1;
            grid-row: 2;
        }
    }
    /* PM UX: Updates search left selector right one row 2026-09-05 END */

    /* PM UX: Updates controls parent surface removed 2026-09-05 START */
    .pm-news-page:not(.pm-news-home-embed) .pm-news-home-menu {
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }
    /* PM UX: Updates controls parent surface removed 2026-09-05 END */

    /* PM UX: Updates search matches header search typography 2026-09-05 START */

    /*
     * Standalone UPDATES search field only.
     *
     * Match the ACTUAL EFFECTIVE global header search typography.
     *
     * Header's later winning rules are:
     * - typed text: 14px / 500
     * - placeholder: 14px / 400 / #7b8ba1
     *
     * Preserve the Updates field dimensions, border, surface,
     * focus state and AJAX live-search behaviour.
     */
    .pm-news-page:not(.pm-news-home-embed)
    input.pm-news-home-control[name="pm_news_q"] {
        color: #13294b !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: normal !important;
    }

    .pm-news-page:not(.pm-news-home-embed)
    input.pm-news-home-control[name="pm_news_q"]::placeholder {
        color: #7b8ba1 !important;
        font-weight: 400 !important;
        opacity: 1 !important;
    }

    /*
     * Mirror the actual responsive header-search sizes.
     */
    @media (max-width: 1250px) {
        .pm-news-page:not(.pm-news-home-embed)
        input.pm-news-home-control[name="pm_news_q"] {
            font-size: 13px !important;
        }
    }

    @media (max-width: 480px) {
        .pm-news-page:not(.pm-news-home-embed)
        input.pm-news-home-control[name="pm_news_q"] {
            font-size: 12px !important;
        }

        .pm-news-page:not(.pm-news-home-embed)
        input.pm-news-home-control[name="pm_news_q"]::placeholder {
            font-size: 12px !important;
        }
    }

    @media (max-width: 380px) {
        .pm-news-page:not(.pm-news-home-embed)
        input.pm-news-home-control[name="pm_news_q"] {
            font-size: 11.5px !important;
        }
    }

    /* PM UX: Updates search matches header search typography 2026-09-05 END */


    /* PM UX: Updates isolated country flag + league logo dropdown 2026-09-05 START */

    .pm-updates-league-native {
        display: none !important;
    }

    .pm-updates-league-picker {
        position: relative;
        width: 100%;
        min-width: 0;
    }

    .pm-updates-league-trigger {
        width: 100%;
        height: 36px;
        display: grid;
        grid-template-columns:
            28px
            max-content
            20px
            minmax(0, 1fr)
            12px;
        align-items: center;
        column-gap: 7px;
        padding: 0 10px;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        background: #f8fbff;
        color: #13294b;
        font-size: 12px;
        font-weight: 900;
        text-align: left;
        cursor: pointer;
        box-sizing: border-box;
    }

    .pm-updates-league-trigger:hover {
        background: #ffffff;
        border-color: #c8d7e8;
    }

    .pm-updates-league-trigger:focus-visible {
        outline: 0;
        border-color: #9d2235;
        box-shadow:
            0 0 0 2px
            rgba(157, 34, 53, 0.10);
    }

    .pm-updates-league-trigger::after {
        content: "";
        width: 7px;
        height: 7px;
        border-right: 2px solid #13294b;
        border-bottom: 2px solid #13294b;
        transform:
            rotate(45deg)
            translateY(-2px);
        justify-self: center;
    }

    .pm-updates-league-trigger[aria-expanded="true"]::after {
        transform:
            rotate(225deg)
            translate(-1px, -1px);
    }

    .pm-updates-league-menu {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        right: 0;
        z-index: 90;
        max-height: 320px;
        overflow-y: auto;
        padding: 4px;
        background: #ffffff;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        box-shadow:
            0 10px 28px
            rgba(19, 41, 75, 0.16);
        box-sizing: border-box;
    }

    .pm-updates-league-menu[hidden] {
        display: none !important;
    }

    .pm-updates-league-option {
        width: 100%;
        min-height: 38px;
        display: grid;
        grid-template-columns:
            28px
            max-content
            20px
            minmax(0, 1fr);
        align-items: center;
        column-gap: 7px;
        padding: 7px 9px;
        border: 0;
        border-radius: 3px;
        background: transparent;
        color: #13294b;
        font: inherit;
        font-size: 12px;
        font-weight: 800;
        text-align: left;
        cursor: pointer;
        box-sizing: border-box;
    }

    .pm-updates-league-option:hover,
    .pm-updates-league-option:focus-visible {
        outline: 0;
        background: #eef3f8;
    }

    .pm-updates-league-option.is-selected {
        background: #f8fbff;
    }

    .pm-updates-league-flag,
    .pm-updates-league-flag-placeholder {
        display: block;
        width: 28px;
        min-width: 28px;
        max-width: 28px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .pm-updates-league-flag {
        object-fit: cover;
        border: 1px solid #dbe6f3;
        background: #ffffff;
    }

    .pm-updates-league-logo,
    .pm-updates-league-logo-placeholder {
        display: block;
        width: 20px;
        min-width: 20px;
        max-width: 20px;
        height: 20px;
        min-height: 20px;
        max-height: 20px;
    }

    .pm-updates-league-logo {
        object-fit: contain;
    }

    .pm-updates-league-flag-placeholder,
    .pm-updates-league-logo-placeholder {
        background: transparent;
        border: 0;
    }

    .pm-updates-league-country {
        color: #13294b;
        font-weight: 900;
        white-space: nowrap;
    }

    .pm-updates-league-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pm-updates-league-all {
        grid-column: 1 / -2;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pm-updates-league-option .pm-updates-league-all {
        grid-column: 1 / -1;
    }

    @media (max-width: 640px) {
        .pm-updates-league-trigger {
            grid-template-columns:
                26px
                max-content
                20px
                minmax(0, 1fr)
                12px;
            column-gap: 6px;
        }

        .pm-updates-league-option {
            grid-template-columns:
                26px
                max-content
                20px
                minmax(0, 1fr);
            column-gap: 6px;
            font-size: 11px;
        }

        .pm-updates-league-flag,
        .pm-updates-league-flag-placeholder {
            width: 26px;
            min-width: 26px;
            max-width: 26px;
            height: 17px;
            min-height: 17px;
            max-height: 17px;
        }
    }

    /* PM UX: Updates isolated country flag + league logo dropdown 2026-09-05 END */

    /* PM NEWS: radius match Today section 2026-06-27: 6px */

    /* PM NEWS: force shared card radius 6px 2026-06-27 */
    .pm-news-card,
    .pm-news-page.pm-news-home-embed .pm-news-card {
        border-radius: 6px !important;
        overflow: hidden !important;
    }

    .pm-news-card .pm-news-image,
    .pm-news-page.pm-news-home-embed .pm-news-card .pm-news-image {
        border-radius: 6px 6px 0 0 !important;
    }

    /* PM NEWS: reset filter button removed 2026-06-27 */
    /* PM NEWS: current card excerpt and read more removed 2026-06-27 */
    /* PM NEWS: card image clickable 2026-06-27 */
    .pm-news-image-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .pm-news-image-link:focus-visible {
        outline: 2px solid #9d2235;
        outline-offset: 2px;
    }

    /* PM NEWS: square league badge card header 2026-06-27 */
    .pm-news-card-heading {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 10px;
        align-items: center;
        margin-bottom: 10px;
    }

    .pm-news-card-title-stack {
        min-width: 0;
    }

    .pm-news-card-heading .pm-news-card-title-stack h2 {
        margin-bottom: 5px;
    }

    .pm-news-card-heading .pm-news-meta {
        margin-bottom: 0;
    }

    .pm-news-league-square {
        grid-row: 1 / span 2;
        width: 52px;
        height: 52px;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        background: #f8fbff;
        color: #13294b;
        box-shadow: 0 5px 14px rgba(19, 41, 75, 0.08);
        display: grid;
        grid-template-rows: 24px 1fr;
        align-items: center;
        justify-items: center;
        gap: 3px;
        padding: 5px;
        overflow: hidden;
    }

    .pm-news-league-square-logo {
        width: 22px;
        height: 22px;
        object-fit: contain;
        border-radius: 50%;
        background: #fff;
        border: 1px solid rgba(19, 41, 75, 0.12);
    }

    .pm-news-league-square span {
        width: 100%;
        color: #13294b;
        font-size: 8px;
        font-weight: 900;
        line-height: 1.05;
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .pm-news-card-heading:not(:has(.pm-news-league-square)) {
        grid-template-columns: minmax(0, 1fr);
    }

    @supports not selector(:has(*)) {
        .pm-news-card-heading.pm-news-card-heading-no-league {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    /* PM NEWS: country flag strip in square badge 2026-06-27 */
    .pm-news-league-square {
        height: 66px;
        grid-template-rows: 22px 12px 1fr;
        gap: 3px;
    }

    .pm-news-league-square-logo {
        width: 22px;
        height: 22px;
        object-fit: contain;
        border-radius: 50%;
        background: #fff;
        border: 1px solid rgba(19, 41, 75, 0.12);
    }

    .pm-news-country-flag-strip {
        width: 30px;
        height: 12px;
        border: 1px solid rgba(19, 41, 75, 0.14);
        border-radius: 2px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .pm-news-country-flag-strip img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    /* PM NEWS: logo square flag below badge 2026-06-27 */
    .pm-news-card-heading {
        align-items: center;
    }

    .pm-news-league-badge-stack {
        grid-row: 1 / span 2;
        width: 52px;
        display: grid;
        grid-template-rows: 42px 12px;
        justify-items: center;
        align-items: center;
        gap: 4px;
    }

    .pm-news-league-badge-stack .pm-news-league-square {
        grid-row: auto;
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .pm-news-league-badge-stack .pm-news-league-square-logo,
    .pm-news-league-badge-stack .pm-news-league-square img {
        width: 28px;
        height: 28px;
        object-fit: contain;
        border-radius: 50%;
        background: #fff;
        border: 1px solid rgba(19, 41, 75, 0.12);
    }

    .pm-news-league-badge-stack .pm-news-country-flag-strip {
        width: 34px;
        height: 12px;
        border: 1px solid rgba(19, 41, 75, 0.14);
        border-radius: 2px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .pm-news-league-badge-stack .pm-news-country-flag-strip img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    /* PM NEWS: identical league and flag boxes 2026-06-27 */
    .pm-news-card-heading {
        align-items: center;
    }

    .pm-news-league-badge-stack {
        grid-row: 1 / span 2;
        width: 52px;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 42px;
        gap: 4px;
        justify-items: center;
        align-items: center;
    }

    .pm-news-league-badge-box,
    .pm-news-country-flag-square {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        border: 1px solid #dbe6f3;
        border-radius: 6px;
        background: #f8fbff;
        box-shadow: 0 5px 14px rgba(19, 41, 75, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 5px;
    }

    .pm-news-league-badge-box img,
    .pm-news-country-flag-square img {
        width: 28px;
        height: 28px;
        object-fit: contain;
        display: block;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .pm-news-league-badge-box .pm-news-league-square-logo {
        border-radius: 50%;
        background: #fff;
        border: 1px solid rgba(19, 41, 75, 0.12);
    }

    .pm-news-country-flag-square img {
        width: 32px;
        height: 22px;
        object-fit: cover;
        border: 1px solid rgba(19, 41, 75, 0.12);
        border-radius: 2px;
        background: #fff;
    }

    /* PM NEWS: fix badge title alignment 2026-06-27 */
    .pm-news-card-heading {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        column-gap: 14px !important;
        align-items: center !important;
        margin-bottom: 0 !important;
    }

    .pm-news-league-badge-stack {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 40px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 32px !important;
        gap: 5px !important;
        justify-items: center !important;
        align-items: center !important;
        align-self: center !important;
    }

    .pm-news-league-badge-box,
    .pm-news-country-flag-square {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        box-sizing: border-box !important;
        border: 1px solid #dbe6f3 !important;
        border-radius: 6px !important;
        background: #f8fbff !important;
        box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 4px !important;
    }

    .pm-news-league-badge-box img,
    .pm-news-country-flag-square img {
        display: block !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    .pm-news-league-badge-box .pm-news-league-square-logo {
        width: 23px !important;
        height: 23px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
    }

    .pm-news-country-flag-square img {
        width: 24px !important;
        height: 16px !important;
        border-radius: 2px !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
        background: #fff !important;
        object-fit: cover !important;
    }

    .pm-news-card-title-stack {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    .pm-news-card-heading .pm-news-card-title-stack h2 {
        margin: 0 !important;
        line-height: 1.15 !important;
    }

    .pm-news-card-heading .pm-news-meta {
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .pm-news-card-heading.pm-news-card-heading-no-league {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    @media (max-width: 640px) {
        .pm-news-card-heading {
            grid-template-columns: 38px minmax(0, 1fr) !important;
            column-gap: 12px !important;
        }

        .pm-news-league-badge-stack {
            width: 38px !important;
            grid-auto-rows: 30px !important;
        }

        .pm-news-league-badge-box,
        .pm-news-country-flag-square {
            width: 30px !important;
            height: 30px !important;
            min-width: 30px !important;
            min-height: 30px !important;
        }
    }

    /* PM NEWS: fully contain badge images 2026-06-27 */
    .pm-news-league-badge-box,
    .pm-news-country-flag-square {
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .pm-news-league-badge-box img,
    .pm-news-country-flag-square img,
    .pm-news-league-badge-box .pm-news-league-square-logo {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .pm-news-league-badge-box .pm-news-league-square-logo {
        max-width: 26px !important;
        max-height: 26px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
    }

    .pm-news-country-flag-square img {
        max-width: 28px !important;
        max-height: 22px !important;
        border-radius: 2px !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
        background: #fff !important;
    }

    /* PM NEWS: badge spacing alignment polish 2026-06-27 */
    .pm-news-card-heading {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        column-gap: 18px !important;
        align-items: center !important;
        min-height: 78px !important;
        margin-bottom: 0 !important;
    }

    .pm-news-league-badge-stack {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 52px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 34px !important;
        gap: 8px !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
        justify-content: center !important;
        align-self: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pm-news-league-badge-box,
    .pm-news-country-flag-square {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        box-sizing: border-box !important;
        padding: 4px !important;
        margin: 0 !important;
        border: 1px solid #dbe6f3 !important;
        border-radius: 6px !important;
        background: #f8fbff !important;
        box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .pm-news-league-badge-box img,
    .pm-news-country-flag-square img,
    .pm-news-league-badge-box .pm-news-league-square-logo {
        display: block !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .pm-news-league-badge-box .pm-news-league-square-logo {
        max-width: 26px !important;
        max-height: 26px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
    }

    .pm-news-country-flag-square img {
        max-width: 26px !important;
        max-height: 18px !important;
        border-radius: 2px !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
        background: #fff !important;
    }

    .pm-news-card-title-stack {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        align-self: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 6px !important;
        padding-left: 0 !important;
        margin: 0 !important;
    }

    .pm-news-card-heading .pm-news-card-title-stack h2 {
        margin: 0 !important;
        line-height: 1.15 !important;
    }

    .pm-news-card-heading .pm-news-meta {
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .pm-news-card-heading.pm-news-card-heading-no-league {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
    }

    @media (max-width: 640px) {
        .pm-news-card-heading {
            grid-template-columns: 48px minmax(0, 1fr) !important;
            column-gap: 14px !important;
            min-height: 74px !important;
        }

        .pm-news-league-badge-stack {
            width: 48px !important;
            grid-auto-rows: 32px !important;
            gap: 7px !important;
        }

        .pm-news-league-badge-box,
        .pm-news-country-flag-square {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            min-height: 32px !important;
        }
    }

    /* PM NEWS: even badge spacing and no league alignment 2026-06-27 */
    .pm-news-card-heading {
        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) !important;
        grid-template-rows: 78px !important;
        column-gap: 18px !important;
        align-items: center !important;
        min-height: 78px !important;
        margin: 0 !important;
    }

    .pm-news-league-badge-stack {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 50px !important;
        height: 78px !important;
        min-height: 78px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 34px 34px !important;
        gap: 10px !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
        justify-content: center !important;
        align-self: center !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .pm-news-league-badge-box,
    .pm-news-country-flag-square {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        padding: 4px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid #dbe6f3 !important;
        border-radius: 6px !important;
        background: #f8fbff !important;
        box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .pm-news-league-badge-box img,
    .pm-news-country-flag-square img,
    .pm-news-league-badge-box .pm-news-league-square-logo {
        display: block !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .pm-news-league-badge-box .pm-news-league-square-logo {
        max-width: 26px !important;
        max-height: 26px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
    }

    .pm-news-country-flag-square img {
        max-width: 26px !important;
        max-height: 18px !important;
        border-radius: 2px !important;
        border: 1px solid rgba(19, 41, 75, 0.12) !important;
        background: #fff !important;
    }

    .pm-news-card-title-stack {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        min-height: 78px !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .pm-news-card-heading .pm-news-card-title-stack h2,
    .pm-news-card-heading .pm-news-card-title-stack h2 a,
    .pm-news-card-heading .pm-news-meta {
        text-align: left !important;
    }

    .pm-news-card-heading .pm-news-card-title-stack h2 {
        width: 100% !important;
        margin: 0 !important;
        line-height: 1.15 !important;
    }

    .pm-news-card-heading .pm-news-meta {
        width: 100% !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .pm-news-card-heading.pm-news-card-heading-no-league {
        display: flex !important;
        min-height: 78px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        grid-template-columns: none !important;
    }

    .pm-news-card-heading.pm-news-card-heading-no-league .pm-news-card-title-stack {
        min-height: 78px !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    @media (max-width: 640px) {
        .pm-news-card-heading {
            grid-template-columns: 48px minmax(0, 1fr) !important;
            grid-template-rows: 74px !important;
            column-gap: 14px !important;
            min-height: 74px !important;
        }

        .pm-news-league-badge-stack {
            width: 48px !important;
            height: 74px !important;
            min-height: 74px !important;
            grid-template-rows: 32px 32px !important;
            gap: 8px !important;
        }

        .pm-news-league-badge-box,
        .pm-news-country-flag-square {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            min-height: 32px !important;
        }

        .pm-news-card-title-stack,
        .pm-news-card-heading.pm-news-card-heading-no-league,
        .pm-news-card-heading.pm-news-card-heading-no-league .pm-news-card-title-stack {
            min-height: 74px !important;
        }
    }



/* PM NEWS QUILL FULL SAFE OPTIONS: article formatting support 2026-07-04 */
.pm-news-content h2,
.pm-news-content h3,
.pm-news-content h4 {
    color: #13294b;
    line-height: 1.25;
    margin: 20px 0 10px;
    font-weight: 800;
}

.pm-news-content ul,
.pm-news-content ol {
    margin: 12px 0 16px 22px;
    padding-left: 18px;
}

.pm-news-content li {
    margin: 6px 0;
}

.pm-news-content blockquote {
    margin: 16px 0;
    padding: 12px 16px;
    border-left: 4px solid #9d2235;
    background: #f7f9fc;
    color: #13294b;
    border-radius: 6px;
}

.pm-news-content a {
    color: #9d2235;
    font-weight: 700;
    text-decoration: underline;
}

.pm-news-content sub,
.pm-news-content sup {
    font-size: 75%;
}

.pm-news-content pre,
.pm-news-content code {
    background: #f7f9fc;
    border: 1px solid #dbe6f3;
    border-radius: 6px;
    color: #13294b;
}

.pm-news-content pre {
    padding: 12px 14px;
    white-space: pre-wrap;
    overflow-x: auto;
}

.pm-news-content code {
    padding: 2px 5px;
}

.pm-news-content .ql-align-center {
    text-align: center;
}

.pm-news-content .ql-align-right {
    text-align: right;
}

.pm-news-content .ql-align-justify {
    text-align: justify;
}

/* PM UX: Updates article headings left aligned on small screens 2026-09-05 START */
@media (max-width: 640px) {
    .pm-news-content h2,
    .pm-news-content h3,
    .pm-news-content h4 {
        text-align: left !important;
    }
}
/* PM UX: Updates article headings left aligned on small screens 2026-09-05 END */

.pm-news-content .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.pm-news-content .ql-size-small {
    font-size: 0.82em;
}

.pm-news-content .ql-size-large {
    font-size: 1.25em;
}

.pm-news-content .ql-size-huge {
    font-size: 1.55em;
}

.pm-news-content .ql-font-serif {
    font-family: Georgia, "Times New Roman", serif;
}

.pm-news-content .ql-font-monospace {
    font-family: Consolas, Monaco, "Courier New", monospace;
}

.pm-news-content .ql-indent-1 { margin-left: 2em; }
.pm-news-content .ql-indent-2 { margin-left: 4em; }
.pm-news-content .ql-indent-3 { margin-left: 6em; }
.pm-news-content .ql-indent-4 { margin-left: 8em; }
.pm-news-content .ql-indent-5 { margin-left: 10em; }
.pm-news-content .ql-indent-6 { margin-left: 12em; }
.pm-news-content .ql-indent-7 { margin-left: 14em; }
.pm-news-content .ql-indent-8 { margin-left: 16em; }


/* PM NEWS QUILL IMAGE RENDER REAL AUTH: 2026-07-04 */
.pm-news-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 18px auto;
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(19, 41, 75, 0.10);
}


/* PM NEWS ARTICLE 65 35 LATEST POSTS 2026-07-05 */
.pm-news-article-split-layout {
    display: grid;
    grid-template-columns: minmax(0, 65%) minmax(280px, 35%);
    gap: 18px;
    align-items: start;
    width: 100%;
}

.pm-news-article-main-col {
    min-width: 0;
}

.pm-news-article-main-col > article {
    width: 100%;
    max-width: none;
}

.pm-news-latest-sidebar {
    min-width: 0;
}

.pm-news-latest-card {
    background: #ffffff;
    border: 1px solid #dbe6f3;
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(19, 41, 75, 0.08);
    overflow: hidden;
}

.pm-news-latest-head {
    background: #13294b;
    color: #ffffff;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 12px 14px;
}

.pm-news-latest-list {
    display: flex;
    flex-direction: column;
}

.pm-news-latest-item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    text-decoration: none;
    color: #13294b;
    border-top: 1px solid #edf2f8;
    transition: background .15s ease, color .15s ease;
}

.pm-news-latest-item:hover {
    background: #f7f9fc;
    color: #9d2235;
}

.pm-news-latest-thumb {
    width: 92px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5fa;
    border: 1px solid #dbe6f3;
}

.pm-news-latest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pm-news-latest-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.pm-news-latest-title {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
}

.pm-news-latest-date {
    font-size: 11px;
    color: #6b7a90;
    font-weight: 700;
}

.pm-news-latest-empty {
    padding: 14px;
    font-size: 13px;
    color: #6b7a90;
}

@media (max-width: 992px) {
    .pm-news-article-split-layout {
        grid-template-columns: 1fr;
    }

    .pm-news-latest-item {
        grid-template-columns: 86px minmax(0, 1fr);
    }

    .pm-news-latest-thumb {
        width: 86px;
        height: 58px;
    }
}


/* PM NEWS LATEST USE HOME CARDS 2026-07-05: latest posts sidebar now reuses the existing Home/News card styling */
.pm-news-latest-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

.pm-news-latest-head {
    border-radius: 10px 10px 0 0;
}

.pm-news-latest-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #dbe6f3;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.pm-news-latest-grid .pm-news-card {
    width: 100%;
    max-width: none;
    margin: 0;
}

.pm-news-latest-grid .pm-news-card-title {
    font-size: 15px;
    line-height: 1.3;
}

.pm-news-latest-grid .pm-news-excerpt {
    font-size: 12px;
    line-height: 1.45;
}

/* PM NEWS ARTICLE LATEST IMAGE SAME HEIGHT AS HOME CARDS 2026-07-06: keep article sidebar cards visually consistent with Home/News cards */
.pm-news-latest-grid .pm-news-image {
    width: 100%;
    height: 190px;
    max-height: none;
    object-fit: cover;
    display: block;
}


/* PM NEWS REMOVE LATEST POSTS EXCERPT 2026-07-05: hide/remove excerpt text from article Latest Posts cards only */
.pm-news-latest-sidebar .pm-news-excerpt {
    display: none !important;
}


/* PM NEWS LATEST HEADER LABEL RADIUS 2026-07-05: article latest-posts header */
.pm-news-latest-head {
    border-radius: 6px 6px 0 0 !important;
}


/* PM NEWS CARD META DATE TIME ONLY 2026-07-05: news cards now show date/time only, no author text */


/* PM NEWS CARD META FULL DATE AT TIME 2026-07-05: news cards show full date and time, e.g. 29 June 2026 at 10:00 */


/* PM NEWS CARD TITLE LINE HEIGHT 1.5 2026-07-05: Home/News article card titles/headings */
.pm-news-card-title,
.pm-news-card-title a,
.pm-news-latest-grid .pm-news-card-title,
.pm-news-latest-grid .pm-news-card-title a {
    line-height: 1.5 !important;
}


/* PM NEWS VISIBLE TITLE STACK LINE HEIGHT 1.5 2026-07-05: actual visible Home/News card heading title line-height */
.pm-news-card-heading .pm-news-card-title-stack h2,
.pm-news-card-heading .pm-news-card-title-stack h2 a,
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-card-title-stack h2,
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-card-title-stack h2 a {
    line-height: 1.5 !important;
}


/* PM NEWS SINGLE LOGO CARD ONLY BIGGER 2026-07-05: apply bigger logo/alignment ONLY when the card has one logo and no country flag strip */
.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack {
    grid-row: 1 / span 2 !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    grid-template-rows: 64px !important;
    gap: 0 !important;
    align-self: center !important;
    justify-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square-logo {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square span {
    display: none !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-card-title-stack {
    align-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-meta {
    margin-top: 4px !important;
}

@media (max-width: 640px) {
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        grid-template-rows: 58px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square-logo {
        width: 38px !important;
        height: 38px !important;
    }
}


/* PM NEWS SINGLE LOGO CARD X2 SIZE 2026-07-05: make the one-logo-only Home/News card badge roughly x2 larger */
.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    align-items: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack {
    width: 108px !important;
    min-width: 108px !important;
    height: 108px !important;
    grid-template-rows: 108px !important;
    align-self: center !important;
    justify-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square {
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    padding: 8px !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square-logo {
    width: 84px !important;
    height: 84px !important;
    object-fit: contain !important;
}

@media (max-width: 640px) {
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
        grid-template-columns: 86px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack {
        width: 86px !important;
        min-width: 86px !important;
        height: 86px !important;
        grid-template-rows: 86px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square {
        width: 78px !important;
        height: 78px !important;
        min-width: 78px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-square-logo {
        width: 66px !important;
        height: 66px !important;
    }
}


/* PM NEWS SINGLE LOGO BADGE BOX X2 2026-07-05: actual visible one-logo badge-box cards only */
.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
    grid-template-columns: 116px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    align-items: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box {
    grid-row: 1 / span 2 !important;
    width: 108px !important;
    min-width: 108px !important;
    height: 108px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    justify-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    object-fit: contain !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-card-title-stack {
    align-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-meta {
    margin-top: 4px !important;
}

@media (max-width: 640px) {
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box {
        width: 86px !important;
        min-width: 86px !important;
        height: 86px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box .pm-news-league-square-logo {
        width: 74px !important;
        height: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
    }
}


/* PM NEWS SINGLE LOGO PROPER DISPLAY 2026-07-05: fix one-logo cards so the logo itself is larger, not the surrounding pill */
.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack {
    grid-row: 1 / span 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    height: 70px !important;
    grid-template-rows: 70px !important;
    gap: 0 !important;
    align-self: center !important;
    justify-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    justify-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box img,
.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    transform: scale(1.35) !important;
    transform-origin: center center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-card-title-stack {
    align-self: center !important;
}

.pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-meta {
    margin-top: 4px !important;
}

@media (max-width: 640px) {
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) {
        grid-template-columns: 66px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-stack,
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        grid-template-rows: 62px !important;
    }

    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box img,
    .pm-news-card-heading:not(:has(.pm-news-country-flag-strip)) .pm-news-league-badge-box .pm-news-league-square-logo {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        transform: scale(1.25) !important;
    }
}


/* PM NEWS EXPLICIT LOGO CARD CLASSES 2026-07-05: final explicit Home/News logo-card separation */

/* Two-logo cards: league logo + country flag stay compact and properly stacked */
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    grid-row: 1 / span 2 !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    grid-template-rows: 54px 14px !important;
    gap: 4px !important;
    align-items: center !important;
    justify-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 5px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 5px 14px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    display: flex !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(19, 41, 75, 0.14) !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    transform: none !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transform: none !important;
}

/* One-logo cards only: bigger single logo, no country flag */
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    grid-row: 1 / span 2 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    grid-template-rows: 76px !important;
    gap: 0 !important;
    align-items: center !important;
    justify-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-country-flag-strip {
    display: none !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-card-title-stack,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-card-title-stack {
    align-self: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-meta,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-meta {
    margin-top: 4px !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo {
        grid-template-columns: 70px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-stack,
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        grid-template-rows: 64px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box img,
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box .pm-news-league-square-logo {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
    }
}


/* PM NEWS DUAL LOGO EQUAL TOP BOTTOM PADDING 2026-07-05: make two-logo badge top and bottom spacing equal */
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
    align-items: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    grid-template-rows: 54px 14px !important;
    gap: 4px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    box-sizing: border-box !important;
    align-content: center !important;
    align-self: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
        height: 78px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}


/* PM NEWS DUAL LOGO CIRCLE UX 2026-07-05: refine dual-logo cards only for better UX */
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    grid-row: 1 / span 2 !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 0 !important;
    box-sizing: border-box !important;
    align-self: center !important;
    justify-self: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 12px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 3px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 0 !important;
    transform: none !important;
    background: #ffffff !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-card-title-stack {
    align-self: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-meta {
    margin-top: 4px !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
        grid-template-columns: 66px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 78px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        gap: 7px !important;
        padding: 5px 0 !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box .pm-news-league-square-logo {
        width: 27px !important;
        min-width: 27px !important;
        max-width: 27px !important;
        height: 27px !important;
        min-height: 27px !important;
        max-height: 27px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
        padding: 2px !important;
    }
}


/* PM NEWS CARD CONTENT PERFECT ALIGN 2026-07-05: align Home/News article card logo, title and date as one clean row */
.pm-news-page .pm-news-card-body {
    padding: 18px 20px 18px 20px !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo {
    display: grid !important;
    margin: 0 !important;
    align-items: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 82px !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 82px !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
    background: #ffffff !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-league-badge-box .pm-news-league-square-logo {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    object-fit: contain !important;
    transform: none !important;
    display: block !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-card-title-stack,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-card-title-stack {
    min-width: 0 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
    margin: 0 !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-card-title-stack h2,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-card-title-stack h2 {
    margin: 0 !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-card-title-stack h2 a,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-card-title-stack h2 a {
    display: inline !important;
    text-align: left !important;
}

.pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo .pm-news-meta,
.pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo .pm-news-meta {
    margin: 6px 0 0 0 !important;
    text-align: left !important;
    line-height: 1.3 !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-card-body {
        padding: 16px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-dual-logo {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 76px !important;
    }

    .pm-news-page .pm-news-card-heading.pm-news-card-heading-single-logo {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 76px !important;
    }
}


/* PM NEWS LIST CARDS FINAL ALIGN 2026-07-05: final visible alignment for Home/News list article cards only */
.pm-news-page .pm-news-grid {
    align-items: stretch !important;
    grid-auto-rows: auto !important;
}

.pm-news-page .pm-news-grid > .pm-news-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-image-link {
    flex: 0 0 auto !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    flex: 1 1 auto !important;
    min-height: 132px !important;
    height: auto !important;
    padding: 18px 20px 20px 20px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    align-items: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 92px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 92px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-stack,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    grid-row: 1 !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-box {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-square-logo {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-square-logo {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    min-width: 0 !important;
    width: 100% !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
    margin: 0 !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    display: inline !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
    margin: 7px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    white-space: normal !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 128px !important;
        padding: 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 88px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 88px !important;
    }
}


/* PM NEWS CARD BODY BALANCED RESPONSIVE FIXED 2026-07-05: balanced Home/News list card content, desktop/tablet/mobile */
.pm-news-page .pm-news-grid {
    display: grid !important;
    align-items: stretch !important;
}

.pm-news-page .pm-news-grid > .pm-news-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-image,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-image-link {
    display: block !important;
    flex: 0 0 auto !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 126px !important;
    padding: 22px 20px 24px 20px !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: grid !important;
    align-items: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    align-items: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 82px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    min-height: 82px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-stack {
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-stack {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-box {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-league-square-logo {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-country-flag-strip {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-stack {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-square-logo {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: visible !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    display: inline !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
}

@media (max-width: 1180px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 122px !important;
        padding: 20px 18px 22px 18px !important;
    }
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: 1fr !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 116px !important;
        padding: 18px 16px 20px 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 76px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo {
        grid-template-columns: 60px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        min-height: 76px !important;
    }
}


/* PM NEWS CARD TITLE EXTRA PADDING 2026-07-05: give Home/News card titles more breathing room */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    min-height: 146px !important;
    padding: 30px 24px 28px 24px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-dual-logo,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo {
    min-height: 96px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    padding: 4px 4px 4px 8px !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 0 2px 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
    margin-top: 10px !important;
}

@media (max-width: 1180px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 142px !important;
        padding: 28px 22px 26px 22px !important;
    }
}

@media (max-width: 900px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 136px !important;
        padding: 24px 20px 24px 20px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
        padding-left: 6px !important;
    }
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 126px !important;
        padding: 22px 18px 22px 18px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
        padding: 2px 2px 2px 4px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
        margin-top: 8px !important;
    }
}


/* PM NEWS ARTICLE LATEST SAME CARD CSS 2026-07-06: article sidebar latest grid now shares the same final card CSS as Home/News cards */

/* PM NEWS PREMIUM STACKED ARTICLE CARDS 2026-07-05
   Premium card layout for Home/News article cards:
   image -> centred badge row -> full-width title -> date.
   This avoids squeezing titles in 4-column layouts and improves tablet/mobile UX.
*/
.pm-news-page .pm-news-grid {
    align-items: stretch !important;
}

.pm-news-page .pm-news-grid > .pm-news-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 22px rgba(19, 41, 75, 0.07) !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-image-link,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-image {
    display: block !important;
    flex: 0 0 auto !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    flex: 1 1 auto !important;
    min-height: 156px !important;
    height: auto !important;
    padding: 20px 22px 24px 22px !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 116px !important;
    text-align: center !important;
}

/* Badge/logo row */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-stack {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    overflow: visible !important;
}

/* League logo circle */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-box {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 5px 14px rgba(19, 41, 75, 0.09) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-square-logo {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

/* Country flag/logo circle, only when present */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-country-flag-strip {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 5px 14px rgba(19, 41, 75, 0.09) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
}

/* Single-logo cards: make the single badge a little larger */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 6px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-square-logo {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

/* Full-width title area */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #13294b !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    text-align: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    color: inherit !important;
    display: inline !important;
    text-align: center !important;
    text-decoration: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a:hover {
    color: #9d2235 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    color: #52627a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* Responsive grid behaviour */
@media (max-width: 1180px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 148px !important;
        padding: 20px 18px 22px 18px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
    }
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: 1fr !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 138px !important;
        padding: 18px 16px 20px 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
        gap: 10px !important;
        min-height: 104px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
        font-size: 11px !important;
        margin-top: 8px !important;
    }
}


/* PM NEWS TITLE FIRST BADGE DATE ROW 2026-07-05
   Final Home/News article-card layout:
   line 1 = title full width;
   line 2 = league/country badges inline with date/time.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    min-height: 142px !important;
    padding: 22px 22px 24px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    width: 100% !important;
    min-height: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 11px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    display: contents !important;
}

/* Title always first row and full width */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    color: #13294b !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    text-align: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    color: inherit !important;
    display: inline !important;
    text-align: center !important;
    text-decoration: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a:hover {
    color: #9d2235 !important;
}

/* Badge/logo group sits on second row, left of date */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-stack {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    justify-self: end !important;
    align-self: center !important;
    overflow: visible !important;
}

/* League logo circle */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-box {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 12px rgba(19, 41, 75, 0.09) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-square-logo {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    object-fit: contain !important;
    display: block !important;
    transform: none !important;
}

/* Country flag/logo circle */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-country-flag-strip {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 12px rgba(19, 41, 75, 0.09) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-country-flag-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
}

/* Single-logo cards get one slightly larger badge */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-single-logo .pm-news-league-square-logo {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
}

/* Date/time sits on same second row as badges */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #52627a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
    align-self: center !important;
    justify-self: start !important;
}

/* No-logo/no-league cards: title then centred date */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-no-league .pm-news-meta {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    text-align: center !important;
}

/* Responsive behaviour */
@media (max-width: 1180px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 136px !important;
        padding: 20px 18px 22px 18px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
    }
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: 1fr !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 124px !important;
        padding: 18px 16px 20px 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
        row-gap: 9px !important;
        min-height: 96px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
        font-size: 11px !important;
    }
}

@media (max-width: 380px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-league-badge-stack {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: center !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-meta {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: center !important;
        text-align: center !important;
        white-space: normal !important;
    }
}


/* PM NEWS STRUCTURAL TITLE META ROW 2026-07-05
   News/Home cards: first row title, second row badges + date/time.
   This intentionally overrides previous experimental card CSS without touching football match cards.
*/
.pm-news-page .pm-news-grid > .pm-news-card {
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 22px rgba(19, 41, 75, 0.07) !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    min-height: 142px !important;
    height: auto !important;
    padding: 22px 20px 24px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    width: 100% !important;
    min-height: 98px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #13294b !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    text-align: center !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a:hover {
    color: #9d2235 !important;
}

/* Second row: badges inline with date/time */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    overflow: visible !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-box,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-country-flag-square {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transform: none !important;
    position: static !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-box img,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-square-logo,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-country-flag-square img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
}

/* Date/time on the same row */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #52627a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* No-league cards: just centre the date under title */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-no-league .pm-news-card-meta-line {
    justify-content: center !important;
}

@media (max-width: 1180px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 136px !important;
        padding: 20px 18px 22px 18px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
    }
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid {
        grid-template-columns: 1fr !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
        min-height: 126px !important;
        padding: 18px 16px 20px 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
        gap: 10px !important;
        min-height: 96px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
        font-size: 11px !important;
    }
}

@media (max-width: 380px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
        white-space: normal !important;
        text-align: center !important;
    }
}


/* PM NEWS CARD CONTENT LEFT ALIGN 2026-07-05: left-align final Home/News article-card title and badge/date row */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    align-items: stretch !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    text-align: left !important;
    justify-self: start !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading-no-league .pm-news-card-meta-line {
    justify-content: flex-start !important;
}

@media (max-width: 380px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}


/* PM NEWS TIGHT TITLE META GAP 2026-07-05: reduce space between card title and logo/date row */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    gap: 5px !important;
    row-gap: 5px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
        gap: 4px !important;
        row-gap: 4px !important;
    }
}


/* PM NEWS HOME LATEST TIGHT TITLE META GAP 2026-07-05
   Tighten title-to-logo/date spacing for BOTH News grid cards and Home/latest cards.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading {
    gap: 2px !important;
    row-gap: 2px !important;
    min-height: 0 !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.38 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    margin-top: -1px !important;
    padding-top: 0 !important;
    gap: 8px !important;
    align-items: center !important;
}

/* Home/latest cards need a direct override because older rules used :not(.pm-news-latest-grid). */
.pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-body {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-heading {
    gap: 2px !important;
    row-gap: 2px !important;
    min-height: 0 !important;
    justify-content: center !important;
}

.pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.38 !important;
}

.pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line {
    margin-top: -1px !important;
    padding-top: 0 !important;
    gap: 8px !important;
    align-items: center !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body,
    .pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-body {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading,
    .pm-news-page .pm-news-latest-grid > .pm-news-card .pm-news-card-heading {
        gap: 2px !important;
        row-gap: 2px !important;
    }
}


/* PM NEWS HOME LATEST COMPACT META 2026-07-05
   Hard override for Home/latest cards only:
   title first, compact 4px gap, badges + date/time directly below.
*/
.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-body,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 20px 20px 20px !important;
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    gap: 0 !important;
    row-gap: 0 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack h2,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.38 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack h2 a,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    line-height: 1 !important;
    text-align: left !important;
    overflow: visible !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-body,
    .pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-body {
        padding: 16px 16px 18px 16px !important;
    }

    .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack,
    .pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-title-stack {
        margin-bottom: 4px !important;
    }

    .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line,
    .pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-meta-line {
        gap: 7px !important;
    }
}


/* PM NEWS HOME EMBEDDED NORMAL GRID COMPACT 2026-07-05
   Correct target for Home right-side embedded News cards:
   .pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid)
*/
.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 20px 18px 20px !important;
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-heading {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    gap: 0 !important;
    row-gap: 0 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-title-stack {
    display: block !important;
    width: 100% !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.34 !important;
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-title-stack h2 a {
    text-align: left !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-meta-line {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    line-height: 1 !important;
    text-align: left !important;
    overflow: visible !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    .pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-body {
        padding: 14px 16px 16px 16px !important;
    }

    .pm-news-page.pm-news-home-embed .pm-news-grid:not(.pm-news-latest-grid) > .pm-news-card .pm-news-card-title-stack {
        margin-bottom: 3px !important;
    }
}


/* PM HOME WRAPPER NEWS FORCE COMPACT 2026-07-05
   Final high-specificity override for Home right-column article cards only.
   Uses the real Home wrapper: .pm-home-news-column.
*/
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 18px 16px 18px !important;
    margin: 0 !important;
    display: block !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-heading {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.32 !important;
    text-align: left !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    text-align: left !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    line-height: 1 !important;
    text-align: left !important;
    overflow: visible !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-box,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-country-flag-square {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 !important;
    padding: 4px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-box img,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-country-flag-square img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: left !important;
}

@media (max-width: 640px) {
    .pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-body {
        padding: 14px 16px 16px 16px !important;
    }

    .pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
        margin-bottom: 2px !important;
    }
}


/* PM NEWS AUTO GAP BY TITLE LENGTH 2026-07-05
   Keep title and meta row compact no matter whether the title is 1, 2, or many lines.
   Applies to Home embedded news cards and normal News list cards.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-body,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-heading,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-heading {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack h2 a {
    text-align: left !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    text-align: left !important;
    line-height: 1.1 !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-league-badge-stack {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Prevent short-title cards from pushing the meta row downward via hidden spacer behaviour */
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack::after,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack::after {
    content: none !important;
}

@media (max-width: 640px) {
    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
    .pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
        margin-bottom: 3px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
    .pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
        gap: 6px !important;
    }
}


/* PM NEWS ARTICLE SIDEBAR RESPONSIVE GRID 2026-07-06: article right-side news cards adapt cleanly on smaller screens */
.pm-news-article-split-layout {
    align-items: start;
}

.pm-news-article-split-layout .pm-news-latest-sidebar {
    min-width: 0;
    width: 100%;
}

.pm-news-article-split-layout .pm-news-latest-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.pm-news-article-split-layout .pm-news-latest-grid > .pm-news-card {
    min-width: 0 !important;
    width: 100% !important;
}

@media (min-width: 1321px) {
    .pm-news-article-split-layout .pm-news-latest-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1320px) {
    .pm-news-article-split-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .pm-news-article-split-layout .pm-news-latest-sidebar {
        width: 100% !important;
    }

    .pm-news-article-split-layout .pm-news-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .pm-news-article-split-layout .pm-news-latest-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .pm-news-article-split-layout {
        gap: 14px !important;
    }

    .pm-news-article-split-layout .pm-news-latest-grid {
        padding: 12px !important;
        gap: 12px !important;
    }

    .pm-news-article-split-layout .pm-news-latest-head {
        font-size: 12px !important;
        padding: 12px 14px !important;
    }
}


/* PM NEWS ARTICLE LOGO BEFORE DATE FLEX 2026-07-06: article league logo sits directly before the article date */
.pm-news-article-main-col .pm-news-article-title-meta-line {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    min-height: 30px !important;
}

.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-meta {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.pm-news-article-main-col .pm-news-article-date-logo {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    box-shadow: 0 5px 14px rgba(19, 41, 75, 0.09) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.pm-news-article-main-col .pm-news-article-date-logo img {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
}

.pm-news-article-main-col .pm-news-article-league-label {
    margin-top: 0 !important;
}


/* PM NEWS ARTICLE LEAGUE NAME NEXT TO LOGO REGEX 2026-07-06: logo, league name and date on article meta row */
.pm-news-article-main-col .pm-news-article-title-meta-line {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.pm-news-article-main-col .pm-news-article-date-league-name {
    display: inline-flex !important;
    align-items: center !important;
    color: #13294b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-meta {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

@media (max-width: 520px) {
    .pm-news-article-main-col .pm-news-article-date-league-name {
        font-size: 13px !important;
    }
}




/* PM NEWS ARTICLE META DIVIDER CONTENT PADDING 2026-07-06: divider belongs below logo/league/date row */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1 {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-article-title-meta-line {
    border-bottom: 1px solid #dbe6f3 !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content {
    padding-top: 6px !important;
}

@media (max-width: 640px) {
    .pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-article-title-meta-line {
        padding-bottom: 10px !important;
        margin-bottom: 12px !important;
    }

    .pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content {
        padding-top: 5px !important;
    }
}


/* PM NEWS ARTICLE AUTHOR AFTER DATE 2026-07-06: show article author after date/time in article meta row */
.pm-news-article-main-col .pm-news-article-author-by {
    display: inline !important;
    margin-left: 4px !important;
    color: #64748b !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-meta {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}


/* PM NEWS ARTICLE BOLD AT BY ONLY 2026-07-06: only 'at' and 'by' are bold in the article meta row */
.pm-news-article-main-col .pm-news-article-title-meta-line,
.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-meta,
.pm-news-article-main-col .pm-news-article-date-league-name,
.pm-news-article-main-col .pm-news-article-date-main,
.pm-news-article-main-col .pm-news-article-date-time,
.pm-news-article-main-col .pm-news-article-author-name {
    font-weight: 400 !important;
}

.pm-news-article-main-col .pm-news-article-meta-word {
    font-weight: 900 !important;
    color: #13294b !important;
}

.pm-news-article-main-col .pm-news-article-author-by {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 4px !important;
    color: #64748b !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-meta {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}


/* PM NEWS ARTICLE BOLD META EXCEPT AT BY 2026-07-06: bold league/date/time/author, keep 'at' and 'by' normal */
.pm-news-article-main-col .pm-news-article-date-league-name,
.pm-news-article-main-col .pm-news-article-date-main,
.pm-news-article-main-col .pm-news-article-date-time,
.pm-news-article-main-col .pm-news-article-author-name {
    font-weight: 900 !important;
    color: #13294b !important;
}

.pm-news-article-main-col .pm-news-article-meta-word {
    font-weight: 400 !important;
    color: #64748b !important;
}

.pm-news-article-main-col .pm-news-article-author-by {
    font-weight: 400 !important;
}


/* PM NEWS ARTICLE LEAGUE DATE SEPARATOR 2026-07-06: subtle vertical line between league name and date */
.pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-article-date-league-name + .pm-news-meta {
    border-left: 1px solid #dbe6f3 !important;
    padding-left: 10px !important;
    margin-left: 2px !important;
}

@media (max-width: 520px) {
    .pm-news-article-main-col .pm-news-article-title-meta-line .pm-news-article-date-league-name + .pm-news-meta {
        padding-left: 8px !important;
        margin-left: 1px !important;
    }
}


/* PM NEWS ARTICLE HEADINGS NAVY 2026-07-06: article content page headings use Prematcher navy */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1,
.pm-news-article-main-col .pm-news-content h1,
.pm-news-article-main-col .pm-news-content h2,
.pm-news-article-main-col .pm-news-content h3,
.pm-news-article-main-col .pm-news-content h4,
.pm-news-article-main-col .pm-news-content h5,
.pm-news-article-main-col .pm-news-content h6 {
    color: #13294b !important;
}


/* PM NEWS ARTICLE HEADING INLINE COLOR OVERRIDE 2026-07-06: force article headings navy even when Quill saved inner colour spans */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1 *,
.pm-news-article-main-col .pm-news-content h1,
.pm-news-article-main-col .pm-news-content h1 *,
.pm-news-article-main-col .pm-news-content h2,
.pm-news-article-main-col .pm-news-content h2 *,
.pm-news-article-main-col .pm-news-content h3,
.pm-news-article-main-col .pm-news-content h3 *,
.pm-news-article-main-col .pm-news-content h4,
.pm-news-article-main-col .pm-news-content h4 *,
.pm-news-article-main-col .pm-news-content h5,
.pm-news-article-main-col .pm-news-content h5 *,
.pm-news-article-main-col .pm-news-content h6,
.pm-news-article-main-col .pm-news-content h6 * {
    color: #13294b !important;
}


/* PM NEWS ARTICLE HEADINGS ACCENT 2026-07-06: article headings use Prematcher accent red */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1 *,
.pm-news-article-main-col .pm-news-content h1,
.pm-news-article-main-col .pm-news-content h1 *,
.pm-news-article-main-col .pm-news-content h2,
.pm-news-article-main-col .pm-news-content h2 *,
.pm-news-article-main-col .pm-news-content h3,
.pm-news-article-main-col .pm-news-content h3 *,
.pm-news-article-main-col .pm-news-content h4,
.pm-news-article-main-col .pm-news-content h4 *,
.pm-news-article-main-col .pm-news-content h5,
.pm-news-article-main-col .pm-news-content h5 *,
.pm-news-article-main-col .pm-news-content h6,
.pm-news-article-main-col .pm-news-content h6 * {
    color: #9d2235 !important;
}


/* PM UX: News article main title yellow highlight 2026-09-06 START */
/*
 * Full News ARTICLE main title only.
 *
 * Highlight follows wrapped title text line-by-line.
 * The h1 itself keeps its existing typography/layout.
 *
 * Home News, Updates cards, related cards and article-body
 * headings are intentionally outside this selector.
 */
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> h1
> .pm-news-article-title-highlight {
    background: #fff4cc !important;

    padding: 2px 5px !important;
    border-radius: 4px !important;

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    color: #13294b !important;
}

/* PM UX: News article main title yellow highlight 2026-09-06 END */


/* PM NEWS ARTICLE TITLE NAVY KEEP CONTENT ACCENT 2026-07-06: main article title stays navy while body headings can use accent */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1 * {
    color: #13294b !important;
}


/* PM NEWS ARTICLE HEADINGS FINAL NAVY 2026-07-06: final article title/body heading colour override */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > h1 *,
.pm-news-article-main-col .pm-news-content h1,
.pm-news-article-main-col .pm-news-content h1 *,
.pm-news-article-main-col .pm-news-content h2,
.pm-news-article-main-col .pm-news-content h2 *,
.pm-news-article-main-col .pm-news-content h3,
.pm-news-article-main-col .pm-news-content h3 *,
.pm-news-article-main-col .pm-news-content h4,
.pm-news-article-main-col .pm-news-content h4 *,
.pm-news-article-main-col .pm-news-content h5,
.pm-news-article-main-col .pm-news-content h5 *,
.pm-news-article-main-col .pm-news-content h6,
.pm-news-article-main-col .pm-news-content h6 * {
    color: #13294b !important;
}


/* PM NEWS ARTICLE BACK BUTTON RIGHT CARD 2026-07-06: move article Back to News button right inside a white rounded card */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    margin: 20px 0 0 auto !important;
    padding: 8px 12px !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 16px rgba(19, 41, 75, 0.08) !important;
    color: #9d2235 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.15 !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back:hover,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back:focus {
    background: #f8fafc !important;
    border-color: #cbd7e6 !important;
    color: #13294b !important;
    text-decoration: none !important;
}

@media (max-width: 520px) {
    .pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back {
        margin-top: 18px !important;
        padding: 8px 10px !important;
    }
}


/* PM NEWS ARTICLE BACK BUTTON COLOR SWAP 2026-07-06: normal navy text, hover accent red */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back {
    color: #13294b !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back:hover,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-back:focus {
    color: #9d2235 !important;
}


/* PM NEWS ARTICLE PARAGRAPH FONT X12 2026-07-06: article content paragraphs only */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p {
    font-size: 1.2em !important;
    line-height: 1.72 !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p span,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p strong,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p em,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p a {
    font-size: inherit !important;
}

@media (max-width: 640px) {
    .pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p {
        font-size: 1.12em !important;
        line-height: 1.68 !important;
    }
}


/* PM NEWS ARTICLE PARAGRAPH FONT X11 2026-07-06: article content paragraphs adjusted down from x1.2 to x1.1 */
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p {
    font-size: 1.1em !important;
    line-height: 1.66 !important;
}

.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p span,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p strong,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p em,
.pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p a {
    font-size: inherit !important;
}

@media (max-width: 640px) {
    .pm-news-article-main-col > article.pm-news-card > .pm-news-card-body > .pm-news-content p {
        font-size: 1.1em !important;
        line-height: 1.64 !important;
    }
}


/* PM NEWS CARDS: title font size x1.2 2026-07-06
   Scoped to news cards only, including Home embedded news cards.
*/
.pm-news-card .pm-news-card-heading,
.pm-news-card .pm-news-card-title-stack h2,
.pm-news-card h2,
.pm-news-card h2 a {
    font-size: 1.2em !important;
    line-height: 1.22 !important;
}
/* PM NEWS CARDS END: title font size x1.2 2026-07-06 */

/* PM NEWS CARDS: meta row logo league date time like reference 2026-07-06
   Visual target: round logo, league name, vertical divider, UK date/time.
   Scoped to news cards and embedded Home news cards only.
*/
.pm-news-page .pm-news-card-heading .pm-news-card-title-stack {
    gap: 8px !important;
}

.pm-news-page .pm-news-card-heading .pm-news-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #13294b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.pm-news-page .pm-news-card-heading .pm-news-meta a,
.pm-news-page .pm-news-card-heading .pm-news-meta span,
.pm-news-page .pm-news-card-heading .pm-news-meta time {
    color: #13294b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.pm-news-page .pm-news-card-heading .pm-news-league-badge-stack,
.pm-news-page .pm-news-card-heading .pm-news-league-badge-box {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    border-radius: 50% !important;
}

.pm-news-page .pm-news-card-heading .pm-news-league-badge-box {
    padding: 4px !important;
    background: #ffffff !important;
    border: 1px solid #e4e9f2 !important;
    box-shadow: 0 4px 10px rgba(19, 41, 75, 0.08) !important;
    overflow: hidden !important;
}

.pm-news-page .pm-news-card-heading .pm-news-league-badge-box img,
.pm-news-page .pm-news-card-heading .pm-news-league-square-logo,
.pm-news-page .pm-news-card-heading .pm-news-country-flag-strip img {
    max-width: 18px !important;
    max-height: 18px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    background: #ffffff !important;
}

/* Keep league text strong and add the visual divider before date/time when supported by existing markup. */
.pm-news-page .pm-news-card-heading .pm-news-meta strong,
.pm-news-page .pm-news-card-heading .pm-news-meta b,
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-league-name,
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-meta-league {
    color: #13294b !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
}

.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-meta-separator,
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-separator,
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-date::before,
.pm-news-page .pm-news-card-heading .pm-news-meta time::before {
    color: #13294b !important;
    font-weight: 900 !important;
}

/* If the date/time is the first date/time item after league text, make the separator look like the reference. */
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-date::before,
.pm-news-page .pm-news-card-heading .pm-news-meta time::before {
    content: "|";
    display: inline-block;
    margin: 0 10px 0 0;
}

/* Home embedded cards use the same compact reference style. */
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-meta,
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-meta a,
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-meta span,
.pm-news-page.pm-news-home-embed .pm-news-card-heading .pm-news-meta time {
    font-size: 13px !important;
    font-weight: 800 !important;
}

@media (max-width: 520px) {
    .pm-news-page .pm-news-card-heading .pm-news-meta,
    .pm-news-page .pm-news-card-heading .pm-news-meta a,
    .pm-news-page .pm-news-card-heading .pm-news-meta span,
    .pm-news-page .pm-news-card-heading .pm-news-meta time {
        font-size: 12px !important;
    }

    .pm-news-page .pm-news-card-heading .pm-news-league-badge-stack,
    .pm-news-page .pm-news-card-heading .pm-news-league-badge-box {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
    }
}
/* PM NEWS CARDS END: meta row logo league date time like reference 2026-07-06 */

/* PM NEWS CARDS: visible league text inside card meta row 2026-07-06
   Real card output now renders: logo badge + league name + separator + date/time.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #13294b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.pm-news-page .pm-news-card-meta-league {
    color: #13294b !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 145px !important;
}

.pm-news-page .pm-news-card-meta-separator {
    color: #13294b !important;
    font-weight: 900 !important;
    opacity: 0.9 !important;
    flex: 0 0 auto !important;
}

.pm-news-page .pm-news-card-meta-date {
    color: #13294b !important;
    font-weight: 800 !important;
    flex: 0 0 auto !important;
}

/* Remove older pseudo separator from the previous CSS-only attempt. */
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-date::before,
.pm-news-page .pm-news-card-heading .pm-news-meta time::before,
.pm-news-page .pm-news-card-heading .pm-news-meta .pm-news-card-meta-date::before {
    content: none !important;
}

@media (max-width: 520px) {
    .pm-news-page .pm-news-card-meta-league {
        max-width: 115px !important;
    }

    .pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
    .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta,
    .pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta {
        font-size: 12px !important;
        gap: 7px !important;
    }
}
/* PM NEWS CARDS END: visible league text inside card meta row 2026-07-06 */

/* PM NEWS CARDS: final today yesterday date only 2026-07-06
   Card meta shows league + today/yesterday/older date only.
*/
.pm-news-page .pm-news-card-meta-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    font-weight: 800 !important;
    color: #13294b !important;
}

.pm-news-page .pm-news-card-meta-at,
.pm-news-page .pm-news-card-meta-time,
.pm-news-page .pm-news-card-meta-date-main {
    font-weight: inherit !important;
}
/* PM NEWS CARDS END: final today yesterday date only 2026-07-06 */


/* PM NEWS CARDS: unbold at in card meta date 2026-07-06 */
.pm-news-page .pm-news-card-meta-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.pm-news-page .pm-news-card-meta-date-main,
.pm-news-page .pm-news-card-meta-time {
    font-weight: 800 !important;
    color: #13294b !important;
}

.pm-news-page .pm-news-card-meta-at {
    font-weight: 400 !important;
    color: #13294b !important;
}
/* PM NEWS CARDS END: unbold at in card meta date 2026-07-06 */

/* PM NEWS CARDS: final force at normal weight 2026-07-06
   Older broad rules make all .pm-news-meta spans bold.
   This narrowly overrides only the word "at" in news-card dates.
*/
.pm-news-page .pm-news-card-heading .pm-news-meta span.pm-news-card-meta-at,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at {
    font-weight: 400 !important;
    color: #13294b !important;
}
/* PM NEWS CARDS END: final force at normal weight 2026-07-06 */

/* PM NEWS CARDS: Today Yesterday date plus time final CSS 2026-07-06
   Format: League | Today/Yesterday/date at HH:MM.
   Only the word "at" is normal weight.
*/
.pm-news-page .pm-news-card-meta-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    color: #13294b !important;
}

.pm-news-page .pm-news-card-heading .pm-news-meta span.pm-news-card-meta-date-main,
.pm-news-page .pm-news-card-heading .pm-news-meta span.pm-news-card-meta-time {
    font-weight: 800 !important;
    color: #13294b !important;
}

.pm-news-page .pm-news-card-heading .pm-news-meta span.pm-news-card-meta-at,
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line .pm-news-meta span.pm-news-card-meta-at {
    font-weight: 400 !important;
    color: #13294b !important;
}
/* PM NEWS CARDS END: Today Yesterday date plus time final CSS 2026-07-06 */

/* PM NEWS CARDS: title meta horizontal separator 2026-07-06
   Add a clean horizontal divider between news-card title and logo/league/date meta row.
   Scope: card list/news embeds only, not article body titles.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack {
    border-bottom: 1px solid #dbe6f3 !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line {
    padding-top: 0 !important;
}

/* Keep the latest card above TODAY tidy with the same divider spacing. */
.pm-home-latest-news-above-today .pm-news-card-title-stack {
    border-bottom: 1px solid #dbe6f3 !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}
/* PM NEWS CARDS END: title meta horizontal separator 2026-07-06 */

/* PM NEWS CARDS: extra padding around title meta separator 2026-07-06
   Increase breathing room above and below the divider between title and meta row.
*/
.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-title-stack,
.pm-home-latest-news-above-today .pm-news-card-title-stack {
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

.pm-news-page .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-home-news-column .pm-news-page.pm-news-home-embed .pm-news-grid > .pm-news-card .pm-news-card-meta-line,
.pm-home-latest-news-above-today .pm-news-card-meta-line {
    padding-top: 2px !important;
}
/* PM NEWS CARDS END: extra padding around title meta separator 2026-07-06 */

/* PM NEWS CARDS: latest-grid separator padding force 2026-07-06
   The Home card above TODAY uses the latest-grid card variant.
   Force breathing room above and below the title/meta divider there too.
*/
.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-title-stack,
.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > article.pm-news-card .pm-news-card-heading > .pm-news-card-title-stack,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-title-stack,
.pm-news-page .pm-news-grid.pm-news-latest-grid > article.pm-news-card .pm-news-card-heading > .pm-news-card-title-stack {
    border-bottom: 1px solid #dbe6f3 !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
}

.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-meta-line,
.pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > article.pm-news-card .pm-news-card-heading > .pm-news-card-meta-line,
.pm-news-page .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-meta-line,
.pm-news-page .pm-news-grid.pm-news-latest-grid > article.pm-news-card .pm-news-card-heading > .pm-news-card-meta-line {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* PM NEWS CARDS END: latest-grid separator padding force 2026-07-06 */










/* PM NEWS CARDS: real Home top card divider spacing 2026-07-06
   The top card above TODAY is inside pages/home.php .pm-home-latest-news-above-today.
   Use a pseudo divider so we control the space above and below the line directly.
*/
.pm-home-matches-column .pm-home-latest-news-above-today .pm-news-card-title-stack,
.pm-home-latest-news-above-today .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-title-stack,
.pm-home-latest-news-above-today .pm-news-card-heading > .pm-news-card-title-stack {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
}

.pm-home-matches-column .pm-home-latest-news-above-today .pm-news-card-title-stack::after,
.pm-home-latest-news-above-today .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-title-stack::after,
.pm-home-latest-news-above-today .pm-news-card-heading > .pm-news-card-title-stack::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #dbe6f3 !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.pm-home-matches-column .pm-home-latest-news-above-today .pm-news-card-meta-line,
.pm-home-latest-news-above-today .pm-news-page.pm-news-home-embed .pm-news-grid.pm-news-latest-grid > .pm-news-card .pm-news-card-heading > .pm-news-card-meta-line,
.pm-home-latest-news-above-today .pm-news-card-heading > .pm-news-card-meta-line {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* PM NEWS CARDS END: real Home top card divider spacing 2026-07-06 */


/* PM NEWS CARDS: real inline title meta divider spacing 2026-07-06
   The divider is now a real element between title and meta row, not only border CSS.
*/
.pm-news-page .pm-news-card-title-meta-divider-inline {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #dbe6f3 !important;
    margin: 14px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 auto !important;
}

.pm-news-page .pm-news-card-title-stack[style],
.pm-news-page.pm-news-home-embed .pm-news-card-title-stack[style] {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.pm-news-page .pm-news-card-title-stack[style]::after,
.pm-news-page.pm-news-home-embed .pm-news-card-title-stack[style]::after {
    content: none !important;
    display: none !important;
}
/* PM NEWS CARDS END: real inline title meta divider spacing 2026-07-06 */


/* PM NEWS ARTICLE NORMAL TEXT COLOR 2026-07-06: normal article body text only, matching requested dark readable colour. */
.pm-news-content,
.pm-news-content p,
.pm-news-content li,
.pm-news-content blockquote {
    color: #000000;
}

/* Keep headings and links controlled by their existing article styles. */
.pm-news-content h1,
.pm-news-content h2,
.pm-news-content h3,
.pm-news-content h4,
.pm-news-content h5,
.pm-news-content h6 {
    color: #13294b;
}

.pm-news-content a {
    color: #13294b;
}

/* PM FIX: news identity exact match-header visual 2026-08-25 START */

/*
 * Exact visual values copied from the CURRENT winning match-card header.
 *
 * Important correction versus the first news attempt:
 * - NO solid #13294b country background
 * - NO 0.28 country-flag opacity
 * - NO brightness reduction on the country flag
 * - NO dark navy league-logo tile
 *
 * Structure stays news-specific.
 * includes/match_card.php remains untouched.
 */


/* ================================================================
   IDENTITY ROW
================================================================ */

.pm-news-page .pm-news-card-meta-line {
    align-items: center !important;
}

.pm-news-page .pm-news-card-competition-identity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    gap: 7px !important;

    min-width: 0 !important;
    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* ================================================================
   COUNTRY — EXACT MATCH-HEADER FLOATING PLATE
================================================================ */

.pm-news-page .pm-news-country-identity {
    position: relative !important;
    isolation: isolate !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    min-width: 0 !important;
    min-height: 28px !important;

    margin: 0 !important;

    /*
     * Current match header:
     * shared plate originally uses 4px 8px;
     * later country-only rule retains 8px L/R and removes icon gap.
     */
    padding: 4px 8px !important;
    gap: 0 !important;

    overflow: hidden !important;

    /*
     * Match header ultimately removes only top/bottom borders.
     * Left/right plate edges remain.
     */
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.11) !important;

    border-radius: 7px !important;

    /*
     * Exact match-header country base.
     * Do NOT force navy here.
     */
    background-color: rgba(255, 255, 255, 0.055) !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    box-sizing: border-box !important;
}


/*
 * Real flag layer.
 *
 * Equivalent to the match-card header's second background-image layer:
 * full-strength stored flag, cover/centre, with no extra dimming.
 */
.pm-news-page .pm-news-country-identity-bg {
    position: absolute !important;
    inset: 0 !important;

    z-index: -2 !important;

    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: inherit !important;

    background: transparent !important;

    /*
     * Critical correction:
     * match header does NOT reduce the flag to opacity .28.
     */
    opacity: 1 !important;
    filter: none !important;

    pointer-events: none !important;
}


/*
 * Exact first background layer from .pm-main-header-country-group:
 *
 * linear-gradient(
 *   90deg,
 *   rgba(19,41,75,.70) 0%,
 *   rgba(19,41,75,.78) 58%,
 *   rgba(19,41,75,.84) 100%
 * )
 */
.pm-news-page .pm-news-country-identity::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: -1 !important;

    /* PM TWEAK: news country identity lighter wash 2026-08-25 */
    background:
        linear-gradient(
            90deg,
            rgba(19, 41, 75, 0.64) 0%,
            rgba(19, 41, 75, 0.72) 58%,
            rgba(19, 41, 75, 0.78) 100%
        )
        !important;

    pointer-events: none !important;
}


/*
 * Exact gentle inner highlight from match header.
 */
.pm-news-page .pm-news-country-identity::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055) 0%,
            rgba(255, 255, 255, 0.00) 62%
        )
        !important;

    pointer-events: none !important;
}


.pm-news-page .pm-news-country-identity-name {
    position: relative !important;
    z-index: 1 !important;

    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    /*
     * Actual current match-header country typography.
     * Browser-wide Roboto rule remains responsible for the rendered family.
     */
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    letter-spacing: 0.12px !important;

    color: rgba(255, 255, 255, 0.90) !important;

    text-transform: uppercase !important;
    text-shadow: none !important;
}


/* ================================================================
   LEAGUE LOGO TILE — EXACT MATCH-HEADER VALUES
================================================================ */

.pm-news-page .pm-news-league-identity-tile {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 28px !important;

    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    margin: 0 !important;

    /*
     * Current winning tile retains this from the earlier header block.
     */
    padding: 1px !important;

    line-height: 0 !important;

    /*
     * Critical correction:
     * match header uses a subtle translucent WHITE tile,
     * not the dark navy gradient from the first news implementation.
     */
    background: rgba(255, 255, 255, 0.07) !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


.pm-news-page .pm-news-league-identity-logo {
    display: block !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    /*
     * Exact current match-header artwork treatment.
     */
    filter:
        brightness(1.08)
        saturate(1.05)
        contrast(1.05)
        drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18))
        !important;
}


/* ================================================================
   MOBILE — MATCH CURRENT HEADER SCALE
================================================================ */

@media (max-width: 760px) {

    .pm-news-page .pm-news-card-competition-identity {
        min-height: 24px !important;
        gap: 5px !important;
    }

    .pm-news-page .pm-news-country-identity {
        min-height: 24px !important;

        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;

        border-radius: 6px !important;
    }

    .pm-news-page .pm-news-country-identity-name {
        font-size: 9px !important;
    }

    .pm-news-page .pm-news-league-identity-tile {
        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        border-radius: 5px !important;
    }

    .pm-news-page .pm-news-league-identity-logo {
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;

        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;
    }
}


@media (max-width: 420px) {

    .pm-news-page .pm-news-country-identity {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pm-news-page .pm-news-country-identity-name {
        font-size: 8.5px !important;
    }
}

/* PM FIX: news identity exact match-header visual 2026-08-25 END */



/* PM TWEAK: news country identity flag only 2026-08-25 START */

/*
 * News cards only:
 * - keep only the real country flag clearly visible
 * - remove the navy/blended overlay look
 * - hide the country-name text
 * - leave the league identity untouched
 * - do not affect the match-card header
 */
.pm-news-page .pm-news-country-identity {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove the dark wash / highlight overlays so only the flag remains. */
.pm-news-page .pm-news-country-identity::before,
.pm-news-page .pm-news-country-identity::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Hide only the country name text inside the news-card country identity. */
/* PM FIX: news flag only hide correct country name 2026-08-25 */
.pm-news-page .pm-news-country-identity-name {
    display: none !important;
}

/*
 * The flag is now the complete country visual, not a background layer.
 * Keep it fully clear and above the transparent wrapper.
 */
.pm-news-page .pm-news-country-identity-bg {
    z-index: 0 !important;
    opacity: 1 !important;
    filter: none !important;
}

/*
 * Tighten the pill so it behaves like a clean flag chip now that the
 * country text is removed.
 */
.pm-news-page .pm-news-country-identity {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 44px !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* If a direct foreground flag element exists, keep it centred and clear. */
.pm-news-page .pm-news-country-identity .pm-news-country-flag,
.pm-news-page .pm-news-country-identity .pm-news-country-flag-image,
.pm-news-page .pm-news-country-identity .pm-news-country-flag-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* PM TWEAK: news country identity flag only 2026-08-25 END */

/* PM TWEAK: news league artwork equal flag height 2026-08-25 START */

/*
 * News cards only.
 *
 * Country flag:
 *   desktop = 28px high
 *   mobile  = 24px high
 *
 * Make the actual league-logo artwork use exactly the same height.
 * Remove only tile padding/border so they do not steal artwork space.
 */

.pm-news-page .pm-news-league-identity-tile {
    padding: 0 !important;
    border: 0 !important;

    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    flex: 0 0 28px !important;
}

.pm-news-page .pm-news-league-identity-logo {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 760px) {

    .pm-news-page .pm-news-league-identity-tile {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        flex: 0 0 24px !important;
    }

    .pm-news-page .pm-news-league-identity-logo {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    }
}

/* PM TWEAK: news league artwork equal flag height 2026-08-25 END */




/* PM TWEAK: news meta matches match-header phase round 2026-08-25 START */

/*
 * News-card competition metadata only:
 *
 *     Premier League | Yesterday at 15:15
 *
 * Match current main-header Phase / Round sizing:
 *   desktop = 11.5px
 *   mobile  = 10px
 *   <=420   = 9.5px
 *
 * Header Phase/Round uses rgba(255,255,255,.72) over #13294b.
 * Its visible/composited colour is approximately #BDC3CD.
 * Use that rendered grey directly because news cards have a white background.
 *
 * Font weights, spacing, markup, flags and league logos remain unchanged.
 */

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-league,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-separator,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-date,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-date-main,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-at,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-time {
    font-size: 11.5px !important;
    color: #BDC3CD !important;
}


@media (max-width: 760px) {

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-league,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-separator,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-date,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-date-main,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-at,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-time {
        font-size: 10px !important;
    }
}


@media (max-width: 420px) {

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-league,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-separator,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-date,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-date-main,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-at,

    .pm-news-page
    .pm-news-card-meta-line
    .pm-news-meta
    .pm-news-card-meta-time {
        font-size: 9.5px !important;
    }
}

/* PM TWEAK: news meta matches match-header phase round 2026-08-25 END */

/* PM TWEAK: news date time same colour as league 2026-08-25 START */

/*
 * News cards only.
 *
 * The league text already uses #BDC3CD.
 * Older more-specific rules were still forcing the date/time child spans
 * back to Prematcher navy.
 *
 * Make:
 *     Premier League | Yesterday at 15:15
 *
 * one consistent grey treatment.
 */

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-date-main,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-time {
    color: #BDC3CD !important;
}

/* PM TWEAK: news date time same colour as league 2026-08-25 END */

/* PM FIX: news at exact same grey 2026-08-25 START */

/*
 * Older Home-embed rules have greater selector specificity and were
 * still forcing only the word "at" back to #13294b.
 *
 * Match those exact structural scopes and keep "at" the same #BDC3CD
 * as league, date label and time.
 */

.pm-news-page
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at {
    color: #BDC3CD !important;
}

/* PM FIX: news at exact same grey 2026-08-25 END */

/* PM TWEAK: news meta exact goal-label colour 2026-08-25 START */

/*
 * News cards only.
 *
 * Use the exact colour of the match-card goal-average labels
 * (OVERALL / HOME / AWAY / GS / GC / GD):
 *
 *     #667892
 *
 * Applies consistently to:
 *
 *     Premier League | Yesterday at 15:15
 *
 * Typography, weight and spacing remain unchanged.
 */

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-league,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-separator,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-date,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-date-main,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-time {
    color: #667892 !important;
}


/*
 * Match the old high-specificity Home-embed paths as well so no child
 * falls back to navy or to the previous #BDC3CD.
 */

.pm-news-page
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-date-main,

.pm-news-page
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-news-page
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-time,

.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-date-main,

.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-time,

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-date-main,

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-at,

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
.pm-news-card-meta-line
.pm-news-meta
span.pm-news-card-meta-time {
    color: #667892 !important;
}


/* Separator must visually use the same colour, not reduced opacity. */
.pm-news-page
.pm-news-card-meta-line
.pm-news-meta
.pm-news-card-meta-separator {
    color: #667892 !important;
    opacity: 1 !important;
}

/* PM TWEAK: news meta exact goal-label colour 2026-08-25 END */







/* PM TWEAK: article paragraph reading typography 2026-08-25 START */

/*
 * Individual News article body only.
 *
 * Improve long-form reading without changing the wider News UI:
 *
 *   font-size   : 16px
 *   colour      : #4b5563
 *   line-height : keep existing 1.66
 *
 * #4b5563 is the established News content colour already present
 * in this file; this removes the later pure-black paragraph override.
 */

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p {
    font-size: 16px !important;
    color: #4b5563 !important;
}


/*
 * Quill/article content may wrap normal paragraph text in inline elements.
 * Keep those elements on the same readable body colour while preserving
 * bold/italic semantics.
 */

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p
> span,

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p
> strong,

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p
> b,

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p
> em,

.pm-news-page
.pm-news-article-main-col
> article.pm-news-card
> .pm-news-card-body
> .pm-news-content
> p
> i {
    font-size: inherit !important;
    color: inherit !important;
}


/*
 * Preserve the existing News link treatment even when a Quill link
 * contains an inner span.
 */

.pm-news-page
.pm-news-article-main-col
.pm-news-content
p
a,

.pm-news-page
.pm-news-article-main-col
.pm-news-content
p
a * {
    color: #13294b !important;
}


/* PM TWEAK: article paragraph reading typography 2026-08-25 END */

/* PM TWEAK: article body heading readable sizes 2026-08-25 START */

/*
 * Individual News article BODY headings only.
 *
 * Create clearer hierarchy above the 16px paragraph copy.
 *
 * Favicon dimensions remain controlled by the existing preceding block.
 * Main article title is outside .pm-news-content and is therefore untouched.
 */

.pm-news-page
.pm-news-article-main-col
.pm-news-content h2 {
    font-size: 21px !important;
    line-height: 1.25 !important;
}


.pm-news-page
.pm-news-article-main-col
.pm-news-content h3 {
    font-size: 19px !important;
    line-height: 1.27 !important;
}


.pm-news-page
.pm-news-article-main-col
.pm-news-content h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
}


/*
 * Quill may save spans/strong elements inside a heading.
 * Do not allow those children to retain a different editor font-size.
 */
.pm-news-page
.pm-news-article-main-col
.pm-news-content h2 *,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h3 *,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h4 * {
    font-size: inherit !important;
}


@media (max-width: 640px) {

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h2 {
        font-size: 19px !important;
    }

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h3 {
        font-size: 18px !important;
    }

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h4 {
        font-size: 17px !important;
    }
}

/* PM TWEAK: article body heading readable sizes 2026-08-25 END */

/* PM UX: article body headings plain navy 2026-09-06 START */

/*
 * Final visible News ARTICLE BODY heading treatment.
 *
 * The previous late cascade block applied a soft yellow background
 * and navy text after the earlier article-heading rules.
 *
 * Keep the same article-only scope, but render headings as plain
 * Prematcher navy text with no highlight/pill treatment.
 *
 * Main article title is outside .pm-news-content.
 * Related/list card title highlighting is controlled separately.
 */

.pm-news-page
.pm-news-article-main-col
.pm-news-content h2,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h3,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h4 {
    width: fit-content !important;
    max-width: 100% !important;

    background: transparent !important;
    background-color: transparent !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;

    color: #13294b !important;
    font-weight: 800 !important;
}


/*
 * Nested Quill/editor elements only.
 *
 * IMPORTANT:
 * Do not target the heading itself here.
 *
 * The parent h2/h3/h4 keeps:
 *   background transparent
 *   colour #13294b
 *   font-weight 800
 *
 * Nested spans/strong elements simply inherit that presentation.
 */
.pm-news-page
.pm-news-article-main-col
.pm-news-content h2 *,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h3 *,

.pm-news-page
.pm-news-article-main-col
.pm-news-content h4 * {
    color: inherit !important;
    background: transparent !important;
    background-color: transparent !important;
    font-weight: inherit !important;
}


@media (max-width: 640px) {

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h2,

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h3,

    .pm-news-page
    .pm-news-article-main-col
    .pm-news-content h4 {
        padding: 0 !important;
        border-radius: 0 !important;
    }
}

/* PM UX: article body headings plain navy 2026-09-06 END */

/* PM TWEAK: news card title soft yellow highlight 2026-08-25 START */

/*
 * Home / News-list / related News CARD titles only.
 *
 * Apply the same editorial yellow used by article body headings:
 *     #fff4cc
 *
 * Highlight follows wrapped text line-by-line rather than filling
 * the entire title container.
 */

.pm-news-page
.pm-news-card-title-stack
h2 > a {
    background: #fff4cc !important;

    padding: 2px 5px !important;
    border-radius: 4px !important;

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    color: #13294b !important;
}


/*
 * Keep existing card typography exactly as already defined.
 * Do not turn the link into a block because wrapped title lines
 * should retain the compact editorial-marker treatment.
 */
.pm-news-page
.pm-news-card-title-stack
h2 > a {
    display: inline !important;
    text-decoration: none !important;
}


@media (max-width: 640px) {

    .pm-news-page
    .pm-news-card-title-stack
    h2 > a {
        padding: 2px 4px !important;
        border-radius: 4px !important;
    }
}

/* PM TWEAK: news card title soft yellow highlight 2026-08-25 END */





/* PM PERF: top Home News final width before markup 2026-08-30 START */

/*
 * The Home latest card must know its final geometry before its article HTML
 * is painted. This prevents the narrow-card -> full-width refresh reflow.
 *
 * Scope: Home embedded latest-only News card.
 */
.pm-news-page.pm-news-home-embed.pm-news-home-latest-only {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.pm-news-page.pm-news-home-embed.pm-news-home-latest-only
.pm-news-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}

.pm-news-page.pm-news-home-embed.pm-news-home-latest-only
.pm-news-grid > .pm-news-card {
    display: flex !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

.pm-news-page.pm-news-home-embed.pm-news-home-latest-only
.pm-news-image-link,
.pm-news-page.pm-news-home-embed.pm-news-home-latest-only
.pm-news-image {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* PM PERF: top Home News final width before markup 2026-08-30 END */

/* PM PERF: Home latest-News metadata final row before markup 2026-09-03 START */

/*
 * Home's final post-embed rule has already been visually confirmed:
 *
 * [country] [league logo] Premier League | Date at Time
 *
 * It was previously delivered after the embedded News HTML, causing the
 * shared News wrapped layout to appear briefly on landing / hard refresh.
 *
 * This is the same final geometry, scoped only to the latest-only Home
 * embed, placed at the END of News CSS before its card markup is emitted.
 */
@media (max-width: 760px) {

    .pm-news-page.pm-news-home-embed.pm-news-home-latest-only
    .pm-news-grid
    > .pm-news-card
    .pm-news-card-heading
    > .pm-news-card-meta-line {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-width: 0 !important;

        gap: 4px !important;

        text-align: left !important;
        overflow: visible !important;
    }

    .pm-news-page.pm-news-home-embed.pm-news-home-latest-only
    .pm-news-grid
    > .pm-news-card
    .pm-news-card-heading
    > .pm-news-card-meta-line
    > .pm-news-card-competition-identity {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .pm-news-page.pm-news-home-embed.pm-news-home-latest-only
    .pm-news-grid
    > .pm-news-card
    .pm-news-card-heading
    > .pm-news-card-meta-line
    > .pm-news-meta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 9px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;

        white-space: nowrap !important;
        text-align: left !important;

        overflow: visible !important;
    }

    .pm-news-page.pm-news-home-embed.pm-news-home-latest-only
    .pm-news-grid
    > .pm-news-card
    .pm-news-card-heading
    > .pm-news-card-meta-line
    > .pm-news-meta
    span {
        font-size: 9px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
    }

    .pm-news-page.pm-news-home-embed.pm-news-home-latest-only
    .pm-news-grid
    > .pm-news-card
    .pm-news-card-heading
    > .pm-news-card-meta-line
    > .pm-news-meta
    .pm-news-card-meta-separator {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
}

/* PM PERF: Home latest-News metadata final row before markup 2026-09-03 END */

/* PM UX: Home News cards borderless match-card shadow 2026-09-05 START */

/*
 * Home embeds only.
 *
 * Match the main match-card surface treatment:
 *   border: 0
 *   box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05)
 *
 * Keep News radius, white background, images, layout,
 * metadata and interaction unchanged.
 */
.pm-news-page.pm-news-home-embed .pm-news-card {
    border: 0 !important;
    box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
}

/* PM UX: Home News cards borderless match-card shadow 2026-09-05 END */

/* PM UX: Home News cards exact match-card shadow lock 2026-09-05 START */

/*
 * Home News cards use the exact main match-card shadow:
 *
 *     0 3px 10px rgba(17, 31, 61, 0.05)
 *
 * Lock normal / hover / focus states so legacy News-card
 * shadow rules cannot make the Home cards appear heavier.
 *
 * Border remains intentionally removed as previously requested.
 */

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card,

.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card {
    border: 0 !important;
    box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
    transform: none !important;
}

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card:hover,

.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card:focus-within,

.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card:hover,

.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid > .pm-news-card:focus-within {
    border: 0 !important;
    box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
    transform: none !important;
}

/* PM UX: Home News cards exact match-card shadow lock 2026-09-05 END */

/* PM UX: Home News cards true match-card surface 2026-09-05 START */

/*
 * Home page embedded News only.
 *
 * Make the News cards visually identical to the match-card surface:
 * - white background
 * - 1px border #dbe6f3
 * - 6px radius
 * - exact match-card shadow
 * - no hover lift / no alternate hover shadow
 *
 * Scope:
 * - right-side Home News column
 * - responsive top Home News slider
 *
 * Standalone News page remains untouched.
 */
.pm-home-news-column .pm-news-card,
.pm-home-latest-news-above-today .pm-news-card {
    background: #ffffff !important;
    border: 1px solid #dbe6f3 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
}

.pm-home-news-column .pm-news-card:hover,
.pm-home-news-column .pm-news-card:focus,
.pm-home-news-column .pm-news-card:focus-within,
.pm-home-latest-news-above-today .pm-news-card:hover,
.pm-home-latest-news-above-today .pm-news-card:focus,
.pm-home-latest-news-above-today .pm-news-card:focus-within {
    border-color: #dbe6f3 !important;
    box-shadow: 0 3px 10px rgba(17, 31, 61, 0.05) !important;
    transform: none !important;
}

/* PM UX: Home News cards true match-card surface 2026-09-05 END */

/* PM UX: Home News cards final visible match-card surface 2026-09-05 START */

/*
|--------------------------------------------------------------------------
| FINAL HOME NEWS SHADOW CASCADE FIX
|--------------------------------------------------------------------------
|
| Root cause:
|
| Earlier Home News rules use selectors such as:
|
| .pm-home-news-column
| .pm-news-page.pm-news-home-embed
| .pm-news-grid > .pm-news-card
|
| together with !important.
|
| The previous final selector omitted
| .pm-news-page.pm-news-home-embed, therefore those older
| higher-specificity !important declarations continued winning.
|
| These selectors deliberately include the full real Home structure
| plus .pm-home-split, making this block the authoritative winner.
|
| Shadow values below are the REAL final normal .pm-match-card shell.
|--------------------------------------------------------------------------
*/


/* ---------------------------------------------------------------
   DESKTOP RIGHT NEWS RAIL
--------------------------------------------------------------- */

body
.pm-home-split
.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(19, 41, 75, 0.10),
        0 2px 6px rgba(15, 23, 42, 0.06),
        inset 0 0 0 1px rgba(219, 230, 243, 0.30)
        !important;

    margin-bottom: 10px !important;
    transform: none !important;

    transition:
        background 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease
        !important;
}


/* ---------------------------------------------------------------
   RESPONSIVE HOME LATEST-NEWS SLIDER
--------------------------------------------------------------- */

body
.pm-home-split
.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(19, 41, 75, 0.10),
        0 2px 6px rgba(15, 23, 42, 0.06),
        inset 0 0 0 1px rgba(219, 230, 243, 0.30)
        !important;

    margin-bottom: 10px !important;
    transform: none !important;

    transition:
        background 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease
        !important;
}


/* ---------------------------------------------------------------
   KEEP CARD SURFACE STABLE ON NEWS INTERACTION
--------------------------------------------------------------- */

body
.pm-home-split
.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:hover,

body
.pm-home-split
.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:focus,

body
.pm-home-split
.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:focus-within,

body
.pm-home-split
.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:hover,

body
.pm-home-split
.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:focus,

body
.pm-home-split
.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card:focus-within {
    border: 0 !important;

    box-shadow:
        0 8px 24px rgba(19, 41, 75, 0.10),
        0 2px 6px rgba(15, 23, 42, 0.06),
        inset 0 0 0 1px rgba(219, 230, 243, 0.30)
        !important;

    transform: none !important;
}


/* Keep the outer article as the visible card surface. */

body
.pm-home-split
.pm-home-news-column
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
> .pm-news-card-body,

body
.pm-home-split
.pm-home-matches-column
.pm-home-latest-news-above-today
.pm-news-page.pm-news-home-embed
.pm-news-grid
> .pm-news-card
> .pm-news-card-body {
    background: transparent !important;
}

/* PM UX: Home News cards final visible match-card surface 2026-09-05 END */






/* PM UX: article body headings red no highlight 2026-09-06 START */
/*
 * Full News article BODY headings only.
 *
 * Stored Quill content may contain inline background/color spans.
 * Force the final visible article-body treatment here:
 *
 *   heading colour: #9d2235
 *   heading background: transparent
 *
 * The main article h1 sits outside .pm-news-content and therefore
 * remains navy. Related cards and Updates cards are also outside
 * this selector and remain unchanged.
 */
.pm-news-article-main-col .pm-news-content h1,
.pm-news-article-main-col .pm-news-content h1 *,
.pm-news-article-main-col .pm-news-content h2,
.pm-news-article-main-col .pm-news-content h2 *,
.pm-news-article-main-col .pm-news-content h3,
.pm-news-article-main-col .pm-news-content h3 *,
.pm-news-article-main-col .pm-news-content h4,
.pm-news-article-main-col .pm-news-content h4 *,
.pm-news-article-main-col .pm-news-content h5,
.pm-news-article-main-col .pm-news-content h5 *,
.pm-news-article-main-col .pm-news-content h6,
.pm-news-article-main-col .pm-news-content h6 * {
    color: #9d2235 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.pm-news-article-main-col .pm-news-content h1 *,
.pm-news-article-main-col .pm-news-content h2 *,
.pm-news-article-main-col .pm-news-content h3 *,
.pm-news-article-main-col .pm-news-content h4 *,
.pm-news-article-main-col .pm-news-content h5 *,
.pm-news-article-main-col .pm-news-content h6 * {
    border-radius: 0 !important;
}
/* PM UX: article body headings red no highlight 2026-09-06 END */


/* PM FIX: standalone Updates no-image cards exact natural height 2026-09-06 START */
    .pm-news-updates-grid > .pm-news-card.pm-news-card-no-image {
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .pm-news-updates-grid > .pm-news-card.pm-news-card-no-image > .pm-news-card-body {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
    }
/* PM FIX: standalone Updates no-image cards exact natural height 2026-09-06 END */

/* PM UX: standalone Updates no-image title 22px 2026-09-06 START */
/*
 * Standalone Updates listing only.
 *
 * Normal image cards keep the existing:
 *   18px desktop
 *   20px <=640px
 *
 * No-image cards use a stronger 22px headline because the title
 * is the primary visual element when no featured image is present.
 */
.pm-news-updates-grid
> .pm-news-card.pm-news-card-no-image
.pm-news-card-title-stack
h2 {
    font-size: 22px !important;
    line-height: 1.18 !important;
}
/* PM UX: standalone Updates no-image title 22px 2026-09-06 END */