/* Keep the original V2 navigation, signals and category styles. */
:root { --ng-blue:#78b6f0; --ng-border:#30394b; --ng-muted:#a9b3c2; }
html { scroll-padding-top:90px; }
body { overflow-wrap:anywhere; }
a:focus-visible,button:focus-visible { outline:2px solid #67b4ff; outline-offset:3px; }
.skip-link { position:fixed; top:-70px; left:16px; z-index:3000; background:#fff; padding:12px; }
.skip-link:focus { top:12px; }
@media(min-width:981px) { .xs-main-nav { width:auto; } }
@media(min-width:981px) { .xs-main-nav__item:nth-last-child(-n+2) .xs-main-nav__menu { left:auto; right:0; } }
.xs-main-nav a[aria-current=page] { color:#fff; }
.xs-home-section-head h2 small { margin-left:8px; color:#929db3; font-size:12px; font-weight:400; white-space:nowrap; }
.xs-home-page .xs-signal-panel__title { min-width:0; margin:0; display:flex; align-items:center; gap:9px; color:#eef2f8; font-size:18px; font-weight:700; line-height:26px; }
.xs-home-match-panel > .xs-signal-panel { margin:0 0 24px; }
.ng-site-links { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 18px; }
.ng-site-links a { padding:6px 0; }
.ng-document-list > article { display:flex; gap:20px; padding:22px; border-bottom:1px solid var(--ng-border); }
.ng-document-list h2 { font-size:20px; line-height:1.5; margin:0 0 8px; }
.ng-document-list p { color:var(--ng-muted); margin-bottom:8px; line-height:1.7; }
.ng-document-list time { font-size:13px; color:var(--ng-muted); }
.ng-list-cover { flex:0 0 112px; }
.ng-list-cover img { width:112px; height:80px; object-fit:cover; border-radius:4px; }
.ng-pagination { padding:24px; display:flex; justify-content:center; }
.ng-pagination { gap:12px; }
.xs-panel-head h1 small { font-size:12px; font-weight:400; color:var(--ng-muted); margin-left:8px; }
.ng-schedule-page { min-width:0; }
.ng-schedule-page .xs-live-day-heading { font-size:16px; }
.ng-window-label { margin:10px 0 20px; font-size:13px; color:var(--ng-muted); }
.xs-home-live-day h3.xs-live-day-heading { font-size:16px; }
.xs-home-match-panel .xs-live-day-heading { height:auto; min-height:26px; line-height:26px; margin:0 0 12px; padding:0; }
.xs-home-live-day + .xs-home-live-day { margin-top:24px; }
.xs-side-match-list .xs-side-match-card { min-height:88px; height:auto; grid-template-rows:auto auto; row-gap:12px; padding:12px 13px; }
.xs-side-match-list .xs-side-match-meta { min-height:22px; grid-template-columns:auto minmax(0,1fr); }
.xs-side-match-list .xs-side-match-meta time { box-sizing:border-box; height:auto; min-height:22px; line-height:20px; }
.xs-side-match-teams { min-height:28px; }
.xs-side-match-teams>span { white-space:normal; line-height:20px; }
.ng-pagination a { display:block; min-height:44px; padding:10px 30px; border:1px solid var(--ng-border); border-radius:4px; color:var(--ng-blue); }
.xs-media-article.ng-match-article{padding:0;border:0;background:transparent;box-shadow:none}
.ng-match-card{padding:26px 24px 28px;border:1px solid var(--ng-border);border-radius:9px;background:#151e2d}
.ng-match-heading{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--ng-border)}
.ng-match-heading h1{font-size:25px;line-height:1.5;margin:0 0 12px;color:#f2f5fa}
.ng-match-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;font-size:13px;line-height:22px;color:#aebdd1}
.ng-match-league{padding:1px 9px;border-radius:4px;background:#26354a;color:#d3e6ff}.ng-match-timezone{font-size:12px;color:#8d9db3}
.ng-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:20px;align-items:center;text-align:center;max-width:600px;margin:26px auto 0}
.ng-scoreboard>div{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.ng-scoreboard img{object-fit:contain}.ng-scoreboard b{font-size:36px;line-height:1.2;font-variant-numeric:tabular-nums}.ng-scoreboard strong{font-size:18px;line-height:1.5}.ng-scoreboard-middle>span{font-size:12px;color:#aebdd1;padding:3px 12px;border-radius:20px;background:#223149}
.ng-match-article>.xs-signal-panel{margin:22px 0}.ng-match-introduction{margin-top:22px;padding:22px 24px;border:1px solid var(--ng-border);border-radius:9px;background:#151e2d}.ng-match-introduction h2{margin-top:0}
.xs-news-article__content { font-size:17px; line-height:1.9; }
.xs-news-article__content img { max-width:100%; height:auto; }
.xs-news-article__content img[hidden] { display:none!important; }
.xs-home-hero{max-width:1200px;width:calc(100% - 48px);height:340px;margin:20px auto 0;border-radius:10px;border:1px solid #30394b}
.xs-home-hero__slide img{object-fit:cover;object-position:center 35%}.xs-home-hero__shade{background:linear-gradient(0deg,rgba(4,8,17,.95),rgba(4,8,17,.3) 70%,rgba(4,8,17,.12))}
.xs-home-hero .xs-home-hero__content{left:30px;right:30px;bottom:68px;width:auto;max-width:none;margin:0}.xs-home-hero__content em{height:24px;font-size:11px;padding:0 10px;border-radius:4px;background:#b03949}.xs-home-hero__content h2{width:min(850px,100%);font-size:29px;line-height:1.5;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xs-home-hero__content p{display:flex;gap:12px;font-size:12px;color:#c9d6e9}.xs-home-hero__content p>span{padding-right:12px;border-right:1px solid #768398}
.ng-hero-controls{position:absolute;z-index:4;left:24px;right:24px;bottom:12px;display:flex;align-items:center;gap:8px}.xs-home-hero__dots{position:static;transform:none;display:flex;gap:0;margin-right:auto}.xs-home-hero__dots button,.xs-home-hero__dots button.is-active{display:grid;place-items:center;width:32px;height:44px;min-width:32px;min-height:44px;padding:0;opacity:1;background:none;border:0;border-radius:4px;cursor:pointer}.xs-home-hero__dots button span{display:block;width:6px;height:6px;border-radius:4px;background:#abb6c5}.xs-home-hero__dots button.is-active span{width:20px;background:#fff}.ng-hero-count{font-size:12px;color:#aebcd0;margin-right:8px;font-variant-numeric:tabular-nums}.ng-hero-count b{color:#fff;font-weight:500}.xs-home-hero__arrow{position:static;display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;margin:0;padding:0;border-radius:6px;background:#1d293b9c;border:1px solid #77829866;color:#edf3fc}.xs-home-hero__arrow:hover{background:#3b506b}.xs-home-hero__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.xs-home-hot-games__track { overflow-x:auto; }
.xs-home-hot-card { flex-shrink:0; }
.xs-target-footer a { color:inherit; }
.ng-league-links { margin:14px 0 24px; }
.ng-section-intro { color:var(--ng-muted); margin:10px 0 24px; line-height:1.8; }
@media(max-width:980px) {
  .xs-home-page .xs-signal-panel__title { font-size:16px; line-height:23px; }
  .ng-document-list > article { gap:12px; padding:16px 0; }
  .ng-document-list h2 { font-size:17px; }
  .ng-list-cover { flex-basis:88px; }
  .ng-list-cover img { width:88px; height:70px; }
  .ng-document-list p { display:none; }
  .ng-scoreboard { gap:8px; }
  .ng-scoreboard img { width:60px; height:60px; }
  .ng-scoreboard strong { font-size:16px; }
  .ng-scoreboard b { font-size:24px; }
  .xs-home-hot-games__viewport { max-width:100%; overflow-x:auto; }
  .xs-content-layout > * { min-width:0; }
  .xs-news-article__content { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.xs-breadcrumb { height:auto; }
.xs-breadcrumb > .xs-container { height:auto; min-height:42px; padding-top:8px; padding-bottom:8px; flex-wrap:wrap; overflow:visible; }
.xs-breadcrumb [aria-current="page"] { flex:0 1 auto; min-width:0; white-space:normal; overflow-wrap:anywhere; }

/* Text identity remains readable without a logo image. */
.xs-topbar__logo.h600-brand{flex-shrink:0;white-space:nowrap;font-size:20px;letter-spacing:.2px}.xs-topbar__logo.h600-brand strong{font:inherit;font-weight:700}
@media(max-width:760px){.xs-topbar__logo.h600-brand{font-size:18px}}

@media(max-width:760px){.xs-home-hero{width:calc(100% - 24px);height:260px;margin-top:12px;border-radius:8px}.xs-home-hero .xs-home-hero__content{left:18px;right:18px;bottom:70px}.xs-home-hero__content h2{font-size:20px;line-height:1.5;margin:8px 0}.xs-home-hero__content p{font-size:11px}.ng-hero-controls{left:10px;right:12px;bottom:10px;gap:6px}.ng-hero-count{margin-right:2px}.xs-home-hero__dots button,.xs-home-hero__dots button.is-active{width:28px;min-width:28px}.ng-match-card{padding:20px 14px}.ng-match-heading{padding-bottom:18px}.ng-match-heading h1{font-size:21px;margin-bottom:10px}.ng-match-meta{font-size:12px;gap:6px 9px}.ng-match-timezone{font-size:11px}.ng-scoreboard{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:10px;margin-top:22px}.ng-scoreboard strong{font-size:15px}.ng-scoreboard b{font-size:28px}.ng-scoreboard-middle>span{padding:3px 9px}.ng-match-introduction{padding:18px 16px}}
.ng-document-list>article>div,.xs-news-media-body{min-width:0}.ng-document-list>article{gap:22px;padding:24px}.ng-document-list h2{line-height:1.65;margin-bottom:12px}.ng-document-list p{line-height:1.8;margin:0 0 12px}.ng-list-cover img{display:block;object-fit:cover}.xs-news-media-item{gap:22px}.xs-news-media-body h3{line-height:1.7;margin-bottom:10px}.xs-news-media-body p{line-height:1.8}.xs-news-article__content img{display:block;margin:20px auto}
@media(max-width:980px){.ng-document-list>article{padding:18px 16px;gap:16px}.ng-document-list h2{font-size:16px;line-height:1.7}.xs-news-media-item{gap:14px}}

.xs-home-tools .ng-home-search{margin-block:14px;padding-block:8px}

.mobile-nav-parent{display:none!important}
@media(max-width:980px){
.xsm-target-topbar .xs-main-nav__item.is-subnav-open{grid-column:1/-1}
.xsm-target-topbar .xs-main-nav__item.is-subnav-open>.xs-main-nav__menu{display:grid!important;position:static;visibility:visible;opacity:1;transform:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px;padding:4px;box-shadow:none;border:0;border-radius:0;transition:none}
.xsm-target-topbar .xs-main-nav__menu:before{display:none}
.xsm-target-topbar .xs-main-nav__menu a{height:auto;min-height:40px;padding:7px;line-height:1.5;font-size:13px;white-space:normal;overflow-wrap:anywhere}
.xsm-target-topbar .xs-main-nav__menu .mobile-nav-parent{display:flex!important}
}

.p-nav a,.xs-main-nav a,.p-menu-toggle,.xsm-menu-toggle{-webkit-tap-highlight-color:transparent}
