/* ATHLOS Article Match Responsive 0.1.0
   Article shortcodes ONLY. Existing standalone Match Center, LIVE and multi-live unchanged.
   Breakpoints follow the EMBED CONTAINER, not the browser viewport. */
body.single-post .athlos-compact-scoreline {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    container: athlos-article-score / inline-size;
}
/* Do not interfere with the separate two-column [athlos_multi_live] contract. */
body.single-post .athlos-multi-live__card > .athlos-compact-scoreline {
    container: none;
}
body.single-post .athlos-compact-scoreline .athlos-mc-single__team strong {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
}
body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-competition strong {
    min-width: 0;
    overflow-wrap: anywhere;
}
@container athlos-article-score (max-width: 700px) {
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-head {
        gap: 5px;
        min-height: 48px;
        padding: 11px 9px 0;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-meta {
        flex-wrap: wrap;
        gap: 5px 8px;
        font-size: 9px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-status-wrap > strong {
        font-size: 9px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-competition {
        flex-wrap: wrap;
        gap: 4px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-competition strong {
        font-size: 10.5px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-round {
        display: none;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__scoreboard {
        grid-template-columns: minmax(0, 1fr) 84px minmax(0, 1fr);
        gap: 8px;
        min-height: 104px;
        padding: 7px 10px 10px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__team {
        gap: 6px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__team strong {
        font-size: clamp(10.5px, 2.35cqi, 13px);
        line-height: 1.14;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__logo,
    body.single-post .athlos-compact-scoreline .athlos-mc-single__logo img {
        width: 44px !important;
        height: 44px !important;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__middle {
        min-height: 64px;
        padding: 8px 5px;
        border-radius: 11px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__score {
        font-size: clamp(23px, 5.7cqi, 30px);
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__incidents {
        grid-template-columns: minmax(0, 1fr) 84px minmax(0, 1fr);
        gap: 8px;
        padding: 0 10px 9px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__incident {
        gap: 3px;
        font-size: 9px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-facts {
        min-height: 36px;
        margin: 0 5%;
        padding: 7px 0 9px;
        flex-wrap: wrap;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-fact {
        min-width: 0;
        padding: 3px 8px;
        font-size: 9px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-fact strong {
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        font-size: 9px;
    }
}
@container athlos-article-score (max-width: 380px) {
    body.single-post .athlos-compact-scoreline .athlos-mc-single__scoreboard {
        grid-template-columns: minmax(0, 1fr) 78px minmax(0, 1fr);
        gap: 5px;
        padding: 5px 5px 9px;
        min-height: 90px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__team strong {
        font-size: 10px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__logo,
    body.single-post .athlos-compact-scoreline .athlos-mc-single__logo img {
        width: 34px !important;
        height: 34px !important;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__middle {
        min-height: 54px;
        padding: 6px 3px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__score {
        font-size: 19px;
        letter-spacing: -.04em;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__incidents {
        grid-template-columns: minmax(0, 1fr) 78px minmax(0, 1fr);
        gap: 5px;
        padding: 0 5px 8px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-meta {
        gap: 4px 5px;
        font-size: 8px;
    }
    body.single-post .athlos-compact-scoreline .athlos-mc-single__hero-fact {
        padding: 2px 4px;
    }
}

/* Full [athlos_match_full] embedded in a post: same container-width principle.
   Keep the actual match page, tabs, and sports data untouched. */
body.single-post .athlos-match-full-embed {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    container: athlos-article-full / inline-size;
}
body.single-post .athlos-match-full-embed .athlos-mc--single {
    min-width: 0;
    max-width: 100%;
}
body.single-post .athlos-match-full-embed .athlos-mc-single__team strong {
    overflow-wrap: anywhere;
    white-space: normal;
}
@container athlos-article-full (max-width: 700px) {
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__scoreboard {
        grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr);
        gap: 8px;
        padding: 14px 10px 16px;
        min-height: 128px;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__team strong {
        font-size: 13px;
        line-height: 1.15;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__logo,
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__logo img {
        width: 48px;
        height: 48px;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__middle {
        min-width: 0;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__score {
        font-size: clamp(19px, 4cqi, 25px) !important;
        letter-spacing: -.035em;
    }
    body.single-post .athlos-match-full-embed .athlos-mc-single__tabs {
        max-width: 100%;
        overflow-x: auto;
    }
}
@container athlos-article-full (max-width: 380px) {
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__scoreboard {
        grid-template-columns: minmax(0, 1fr) 94px minmax(0, 1fr);
        gap: 5px;
        padding: 9px 5px 12px;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__logo,
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__logo img {
        width: 36px;
        height: 36px;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__team strong {
        font-size: 10.5px;
    }
    body.single-post .athlos-match-full-embed .athlos-mc--single .athlos-mc-single__score {
        font-size: 19px !important;
    }
}

/* ATHLOS P0 visual-only candidate: compact the SCORE PANEL in [athlos_match_full]
   inside WordPress articles. This is NOT a rule for standalone match pages,
   [athlos_match_card], or [athlos_multi_live]. Geometry follows embed width. */
body.single-post .athlos-match-full-embed .athlos-mc--single-football .athlos-mc-single__scoreboard {
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) clamp(94px, 21cqi, 180px) minmax(0, 1fr) !important;
    gap: clamp(6px, 1.6cqi, 18px) !important;
    min-height: clamp(100px, 17cqi, 132px) !important;
    padding: clamp(5px, 1cqi, 10px) clamp(9px, 2cqi, 24px) 11px !important;
}
body.single-post .athlos-match-full-embed .athlos-mc--single-football .athlos-mc-single__middle {
    box-sizing: border-box;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: clamp(66px, 10cqi, 88px) !important;
    padding: clamp(6px, 1cqi, 9px) clamp(4px, 1cqi, 12px) !important;
    top: 0 !important;
    border-radius: clamp(12px, 1.5cqi, 17px);
}
body.single-post .athlos-match-full-embed .athlos-mc--single-football .athlos-mc-single__score {
    font-size: clamp(25px, 3.65cqi, 37px) !important;
}
body.single-post .athlos-match-full-embed .athlos-mc--single-football .athlos-mc-single__time {
    font-size: clamp(18px, 2.7cqi, 28px) !important;
}
/* Preserve the original team-aligned incident rows; align their columns to
   the compact score panel so scorers gain space naturally. */
body.single-post .athlos-match-full-embed .athlos-mc--single-football .athlos-mc-single__incidents {
    grid-template-columns: minmax(0, 1fr) clamp(94px, 21cqi, 180px) minmax(0, 1fr) !important;
    gap: clamp(6px, 1.6cqi, 18px) !important;
    padding-left: clamp(9px, 2cqi, 24px) !important;
    padding-right: clamp(9px, 2cqi, 24px) !important;
}