/* All top navigation uses the sports hero description font and size. */
.navbar .nav-links a,header>ul>li>a[href],[class*="top-[var(--topbar-h)]"]>ul>li>a,.sports-topbar .sports-nav button,.sports-topbar .sports-nav a,.topbar nav a{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif!important;font-size:18px!important;font-weight:400!important}
@media(max-width:767px){.navbar .nav-links a,header>ul>li>a[href],[class*="top-[var(--topbar-h)]"]>ul>li>a,.sports-topbar .sports-nav button,.sports-topbar .sports-nav a,.topbar nav a{font-size:14px!important}}
@media(max-width:358px){.navbar .nav-links a,header>ul>li>a[href],[class*="top-[var(--topbar-h)]"]>ul>li>a,.sports-topbar .sports-nav button,.sports-topbar .sports-nav a,.topbar nav a{font-size:12px!important}}
@media(min-width:768px) and (max-width:1200px){:root{--topbar-h:124px}.sports-topbar{height:124px;--topbar-h:124px}.sports-topbar .topbar-inner{flex-wrap:wrap;align-content:center;row-gap:12px}.sports-topbar .sports-brand{width:100%}.sports-topbar .sports-nav{width:100%;justify-content:flex-end;gap:24px}.sports-topbar .sports-nav button,.sports-topbar .sports-nav a{white-space:nowrap}}
.topbar nav a[href="/"],header>ul>li>a[href="/"],[class*="top-[var(--topbar-h)]"]>ul>li>a[href="/"]{color:#6e6e73;white-space:nowrap}
.topbar nav a[href="/"]:hover,header>ul>li>a[href="/"]:hover,[class*="top-[var(--topbar-h)]"]>ul>li>a[href="/"]:hover{color:#067ef9}
@media(min-width:768px) and (max-width:1100px){body:has(header>ul){--topbar-h:124px}header:has(>ul){flex-wrap:wrap;padding-top:20px;padding-bottom:12px}header>ul{width:100%;justify-content:flex-end;gap:24px!important}header>ul>li>a{white-space:nowrap}}
@media(min-width:1201px) and (max-width:1400px){.topbar{height:auto;flex-wrap:wrap;padding:20px 60px;gap:12px}.topbar nav{width:100%;justify-content:flex-end}.topbar .header-actions{margin-left:auto}}

/* Compact mobile branding keeps the logo and section name on one line. */
@media(max-width:767px){
 :root,body:has(header>ul),.sports-page,.sports-topbar{--topbar-h:64px}
 .navbar,.sports-topbar,header:has(>a[href="/"]:first-child){height:64px;min-height:64px;padding:0 16px;align-items:center;flex-wrap:nowrap}
 .sports-topbar{padding:0}
 .sports-topbar .topbar-inner{height:64px;padding:0 16px;align-items:center;flex-wrap:nowrap}
 .navbar .logo-img,.sports-topbar .sports-brand>img,.topbar .brand>img,header>a[href="/"]:first-child>img{width:clamp(120px,36vw,160px)!important;height:auto!important;max-width:none;flex-shrink:0}
 .sports-topbar .sports-brand,.topbar .brand,header>a[href="/"]:first-child{width:auto;flex-wrap:nowrap;gap:8px;align-items:center;align-self:center;top:0}
 .sports-topbar .sports-brand>span,.topbar .brand>span,header>a[href="/"]:first-child::after{display:block;width:auto;font-size:14px;line-height:20px;white-space:nowrap;border-left:1px solid #dae2ec;padding-left:8px;margin-left:0;top:0}
 header>a[href="/"]:first-child::after{font-size:12px}
 .sports-topbar .sports-menu-toggle,header:has(>a[href="/"]:first-child)>button{position:relative;right:auto;bottom:auto;flex-shrink:0;margin-left:auto}
 .topbar{padding:16px;gap:12px;height:auto;min-height:64px}
 .topbar .brand{width:100%}
}
