/* Two competition previews in the existing homepage ticket. */
body[data-page="home"] .pmc-ticket-card:has(.tpc-next-matches) { padding: 16px !important; }
.tpc-next-matches { position: relative; z-index: 1; color: #102447; min-width: 0; }
.tpc-next-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.tpc-next-heading .pmc-ticket-label { margin: 0; color: #00267f; font-size: 11px; letter-spacing: .1em; }
.tpc-next-heading > span:last-child { color: #5b687b; font-size: 10px; font-weight: 700; white-space: nowrap; }
.tpc-next-match { min-width: 0; padding: 10px 0; }
.tpc-next-match + .tpc-next-match { border-top: 1px solid #dbe3f0; }
.tpc-next-match:last-child { padding-bottom: 0; }
.tpc-next-cup { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; font-size: 11px; line-height: 1.35; font-weight: 900; }
.tpc-next-cup > span { color: #00267f; }
.tpc-next-cup > a { color: #52627c; font-size: 10px; padding: 3px 0 3px 8px; white-space: nowrap; }
.tpc-next-teams { display: grid; grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); align-items: center; gap: 6px; }
.tpc-next-team { display: flex; align-items: center; gap: 7px; min-width: 0; color: inherit; text-decoration: none; }
.tpc-next-team:last-child { flex-direction: row-reverse; text-align: right; }
body[data-page="home"] .pmc-ticket-card .tpc-next-team strong { font-size: 12px; line-height: 1.3; font-weight: 800; letter-spacing: 0; overflow-wrap: anywhere; color: inherit; }
.tpc-next-team-emblem { width: 32px; height: 32px; min-width: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 10px; font-weight: 900; background: #e7edf9; color: #00267f; }
.tpc-next-team-emblem.tpc-team-emblem { padding: 3px; }
.tpc-next-vs { color: #718098; font-size: 11px; font-weight: 700; text-align: center; }
.tpc-next-details { position: relative; display: flex; flex-wrap: wrap; column-gap: 9px; row-gap: 2px; margin-top: 7px; padding-right: 15px; color: #53647a; font-size: 10px; font-weight: 700; line-height: 1.45; text-decoration: none; }
.tpc-next-details > span:not(.tpc-next-open) { overflow-wrap: anywhere; }
.tpc-next-open { position: absolute; right: 0; top: 0; color: #00267f; }
.tpc-next-empty { margin: 1px 0 0; color: #344663; font-size: 12px; line-height: 1.6; font-weight: 800; }
.tpc-next-empty > span { display: block; color: #637188; font-size: 10px; font-weight: 600; }
.tpc-next-delay { display: block; margin-top: 4px; color: #865700; font-size: 10px; font-weight: 800; }
.tpc-next-matches a:hover { text-decoration: underline; text-underline-offset: 3px; }
.tpc-next-matches a:focus-visible { outline: 3px solid #eabf08; outline-offset: 3px; border-radius: 4px; }
body.tpc-site-dark-mode[data-page="home"] .pmc-home-hero .pmc-ticket-card:has(.tpc-next-matches) { background: #14243c !important; background-image: none !important; }
.tpc-site-dark-mode .tpc-next-matches { color: #f0f5ff; }
body.tpc-site-dark-mode[data-page="home"] .pmc-ticket-card .tpc-next-heading .pmc-ticket-label { color: #ffe06b !important; }
.tpc-site-dark-mode .tpc-next-cup > span,
.tpc-site-dark-mode .tpc-next-open { color: #ffe06b; }
.tpc-site-dark-mode .tpc-next-heading > span:last-child,
.tpc-site-dark-mode .tpc-next-cup > a,
.tpc-site-dark-mode .tpc-next-details,
.tpc-site-dark-mode .tpc-next-empty > span,
.tpc-site-dark-mode .tpc-next-vs { color: #b8c8e0; }
.tpc-site-dark-mode .tpc-next-empty { color: #edf3ff; }
.tpc-site-dark-mode .tpc-next-delay { color: #ffe06b; }
.tpc-site-dark-mode .tpc-next-match + .tpc-next-match { border-color: #344a68; }
@media (max-width: 480px) {
  body[data-page="home"] .pmc-ticket-card:has(.tpc-next-matches) { padding: 13px !important; }
  .tpc-next-teams { gap: 4px; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr); }
  .tpc-next-team { gap: 5px; }
  .tpc-next-team-emblem { width: 28px; height: 28px; min-width: 28px; flex-basis: 28px; }
  body[data-page="home"] .pmc-ticket-card .tpc-next-team strong { font-size: 11px; }
}