/* Uses the original site's theme tokens, title component and button classes. */
.pg-sports { display:block; min-width:0; width:100%; margin:0 0 24px; color:var(--color-txt-icon-1); font-family:inherit; }
.pg-sports *, .pg-sports *::before, .pg-sports *::after { box-sizing:border-box; }
.pg-sports .pg-sports__tabs { display:flex; align-items:stretch; justify-content:center; gap:24px; margin:8px 0 0; border-bottom:1px solid #ffffff14; }
.pg-sports .pg-sports__tabs[hidden], .pg-sports .pg-sports__panel[hidden] { display:none!important; }
.pg-sports .pg-sports__tabs button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 4px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--color-txt-icon-2); font:500 14px/1.4 Roboto,Arial,sans-serif; cursor:pointer; }
.pg-sports .pg-sports__tabs button[aria-selected="true"] { color:var(--color-brand-secondary); border-bottom-color:var(--color-brand-secondary); }
.pg-sports .pg-sports__count { color:var(--color-txt-icon-3); font-size:12px; }
.pg-sports .pg-sports__note { margin:14px 0 20px; padding:0; color:var(--color-txt-icon-2); font-size:12px; line-height:1.5; }
.pg-sports .pg-sports__category { margin:0 0 12px; color:var(--color-txt-icon-1); font-size:16px; line-height:1.4; font-weight:500; }
.pg-sports .pg-sports__panel { margin:0 0 20px; }
.pg-sports .pg-sports__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pg-sports .pg-sports__match { min-width:0; display:flex; flex-direction:column; margin:0; padding:20px 16px 16px; border:1px solid #ffffff0d; border-radius:8px; background:var(--color-bg-4); }
.pg-sports .pg-sports__match-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-bottom:14px; border-bottom:1px solid #ffffff0d; }
.pg-sports .pg-sports__sport { display:flex; align-items:center; gap:7px; font-size:12px; line-height:1.4; color:var(--color-txt-icon-2); }
.pg-sports .pg-sports__sport svg { color:var(--color-brand-secondary); }
.pg-sports .pg-sports__date { color:var(--color-txt-icon-2); font-size:12px; line-height:1.4; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pg-sports .pg-sports__fixture { display:grid; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr); align-items:start; gap:8px; margin:24px 0 14px; }
.pg-sports .pg-sports__team { display:flex; align-items:center; flex-direction:column; gap:12px; min-width:0; color:var(--color-txt-icon-1); text-align:center; font-size:14px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; }
.pg-sports .pg-sports__crest { display:grid; place-items:center; width:52px; height:56px; border:1px solid #e9c05f40; border-radius:8px 8px 18px 18px; background:var(--color-bg-3); color:var(--color-brand-secondary); font-size:16px; font-weight:700; }
.pg-sports .pg-sports__crest--2 { border-color:#ffffff26; color:var(--color-txt-icon-1); }
.pg-sports .pg-sports__versus { padding-top:23px; color:var(--color-txt-icon-3); font-size:10px; font-weight:500; line-height:1; text-align:center; }
.pg-sports .pg-sports__time { padding:0; margin:auto 0 20px; color:var(--color-txt-icon-2); text-align:center; font-size:13px; line-height:1.5; font-variant-numeric:tabular-nums; }
.pg-sports .pg-sports__market { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; padding:0; margin:0 0 8px; color:var(--color-txt-icon-2); font-size:11px; line-height:1.5; }
.pg-sports .pg-sports__market > span { color:var(--color-txt-icon-3); }
.pg-sports .pg-sports__odds { display:grid; gap:6px; margin:0 0 16px; }
.pg-sports .pg-sports__odds--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pg-sports .pg-sports__odds--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pg-sports .pg-sports__odds > div { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px; padding:10px 8px; border:1px solid #ffffff0d; border-radius:4px; background:var(--color-bg-3); }
.pg-sports .pg-sports__odds dt { color:var(--color-txt-icon-2); font-size:12px; line-height:1.4; }
.pg-sports .pg-sports__odds dd { margin:0; color:var(--color-brand-secondary); font-size:14px; line-height:1.4; font-weight:500; font-variant-numeric:tabular-nums; }
.pg-sports .pg-sports__action { justify-content:center; gap:8px; width:100%; min-height:44px; white-space:normal; }
.pg-sports .pg-sports__action > span { font-size:16px; }
.pg-sports .pg-sports__footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.pg-sports .pg-sports__footer p { max-width:78ch; padding:0; margin:0; color:var(--color-txt-icon-2); font-size:12px; line-height:1.5; }
.pg-sports .pg-sports__footer a { color:var(--color-brand-secondary); font-size:12px; line-height:1.5; text-decoration:underline; text-underline-offset:3px; }
.pg-sports .pg-sports__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.pg-sports :is(button,a,[tabindex]):focus-visible { outline:2px solid var(--color-brand-secondary); outline-offset:4px; }
@media (hover:hover) { .pg-sports .pg-sports__tabs button:hover { color:var(--color-brand-secondary); } }
@media (max-width:767px) {
  .pg-sports .pg-sports__grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pg-sports .pg-sports__tabs { gap:16px; }
  .pg-sports .pg-sports__tabs button { gap:6px; font-size:12px; }
  .pg-sports .pg-sports__fixture { max-width:460px; width:100%; align-self:center; }
  .pg-sports .pg-sports__odds { gap:8px; }
}
@media (max-width:374px) {
  .pg-sports .pg-sports__tabs { gap:10px; }
  .pg-sports .pg-sports__tabs button { flex-direction:column; gap:5px; }
  .pg-sports .pg-sports__count { display:none; }
}