/* Each team owns its logo, name and score, as on a matchday score sheet. */
.kwc-redesign.home .upcoming-games-item.kwc2-fixture {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.kwc2-fixture__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 20px;
    padding: 22px 28px;
    background: radial-gradient(ellipse at 100% 0, #4b2d32, transparent 75%), var(--kwc2-ink);
    color: #ffffffdb;
    font: 400 16px/1.5 var(--kwc2-body);
}
.kwc2-fixture__kind { color: #fff; font: var(--kwc2-eyebrow-weight) var(--kwc2-eyebrow-size)/1.5 var(--kwc2-body); letter-spacing: .08em; text-transform: uppercase; }
.kwc2-fixture__teams { flex: 1; }
.kwc2-fixture__team { display: grid; grid-template-columns: 72px minmax(0, 1fr) 64px; align-items: center; gap: 18px; min-height: 122px; padding: 24px 28px; color: var(--kwc2-ink); }
.kwc2-fixture__team + .kwc2-fixture__team { border-top: 1px solid var(--kwc2-line); }
.kwc2-fixture__team--wildcats { background: linear-gradient(90deg, #e1061a06, transparent 80%); }
.kwc2-fixture__logo { display: grid; place-items: center; width: 72px; height: 72px; }
.kwc2-fixture__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.kwc2-fixture__name { min-width: 0; font: 650 var(--kwc2-card-title)/1.22 var(--kwc2-body); letter-spacing: -.035em; overflow-wrap: anywhere; }
.kwc2-fixture__score { white-space: nowrap; text-align: right; font: 700 68px/1 var(--kwc2-sport); font-variant-numeric: tabular-nums; letter-spacing: -.015em; }
.kwc2-fixture__team--wildcats .kwc2-fixture__score { color: var(--kwc2-red); }
.kwc2-fixture__score--long { font-size: 48px; }
.kwc2-fixture__footer { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 22px 28px; border-top: 1px solid var(--kwc2-line); background: #fafaf8; }
.kwc2-fixture__venue { display: grid; flex: 1 1 160px; min-width: 0; max-width: 100%; gap: 4px; font: 400 var(--kwc2-text-size)/1.5 var(--kwc2-body); color: var(--kwc2-muted); overflow-wrap: anywhere; }
.kwc2-fixture__kickoff { color: var(--kwc2-ink); }
body.kwc-redesign #main-content .kwc2-fixture:is(:hover, :focus-visible) .kwc2-fixture__action { color: var(--kwc2-ink); background: #e9eae7; }
@media (min-width: 768px) and (max-width: 1100px) {
    .kwc2-fixture__team { grid-template-columns: 58px minmax(0, 1fr) 54px; gap: 14px; padding-inline: 24px; }
    .kwc2-fixture__logo { width: 58px; height: 58px; }
    .kwc2-fixture__score { font-size: 58px; }
    .kwc2-fixture__score--long { font-size: 42px; }
}
@media (max-width: 480px) {
    .kwc2-fixture__header, .kwc2-fixture__footer { padding: 20px; }
    .kwc2-fixture__header { gap: 5px 16px; }
    .kwc2-fixture__team { grid-template-columns: 48px minmax(0, 1fr) 46px; gap: 12px; min-height: 112px; padding: 22px 20px; }
    .kwc2-fixture__logo { width: 48px; height: 48px; }
    .kwc2-fixture__name { font-size: 22px; }
    .kwc2-fixture__score { font-size: 54px; }
    .kwc2-fixture__score--long { font-size: 36px; }
    .kwc2-fixture__footer { align-items: flex-start; flex-direction: column; gap: 16px; }
    .kwc2-fixture__venue { flex: initial; }
}
@media (max-width: 370px) {
    .kwc2-fixture__team { grid-template-columns: 42px minmax(0, 1fr) 40px; gap: 10px; padding-inline: 18px; }
    .kwc2-fixture__logo { width: 42px; height: 42px; }
    .kwc2-fixture__name { font-size: 20px; }
    .kwc2-fixture__score { font-size: 48px; }
    .kwc2-fixture__score--long { font-size: 32px; }
}
