/* Supplied 7M artwork: preserve the complete image and its proportions. */
.site-header{height:86px;background:#015ea9;border-bottom:3px solid #ffd400;box-shadow:0 2px 9px rgba(0,38,78,.14)}
.site-header .header-inner{gap:20px}
.site-header .brand{width:134px;height:74px;overflow:visible;margin:0;flex-shrink:0}
.site-header .brand img.brand-image,.site-footer .footer-brand img.brand-image{position:static;left:auto;top:auto;transform:none;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none}
.site-header .main-nav>a{color:#fff}
.site-header .main-nav>a.nav-pill{border-color:rgba(255,255,255,.55)}
.site-header .main-nav>a:hover{color:#fff;background:rgba(255,255,255,.14)}
.site-header .main-nav>a.active,.site-header .main-nav>a:not(.nav-pill).active{color:#063e74;background:#ffd400;border-color:#ffd400}
.site-header .main-nav .live-dot{background:#ffda00;box-shadow:0 0 0 3px rgba(255,218,0,.18)}
.site-header .header-account button,.site-header .header-account .logged-in-name,.site-header .header-account .logout-button{color:#fff}
.site-header .header-account .register-button{color:#fff;background:#f5232b;border:1px solid rgba(255,255,255,.25)}
.site-header .header-account .register-button:hover{background:#d81623}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #ffdf43;outline-offset:3px}
.site-footer{border-top-color:#015ea9}
.site-footer .footer-brand{display:block;width:200px;height:auto;aspect-ratio:1112/606;overflow:visible}
@media(max-width:1100px){.site-header .header-inner{gap:12px}.site-header .brand{width:124px;height:68px}.site-header .main-nav{gap:5px}}
@media(max-width:760px){.site-header{height:116px}.site-header .header-inner{padding-top:4px}.site-header .brand{width:122px;height:67px;margin:0 auto}.site-header .main-nav{height:40px;margin-top:0;gap:5px}.site-header .header-account{top:16px;right:10px}.site-footer .footer-brand{width:180px}}

/* Footer shares the header's brand blue. */
.site-footer{background:#015ea9;color:#fff;border-top-color:#ffd400}
.site-footer .footer-about p,.site-footer .footer-column a,.site-footer .footer-about strong,.site-footer .footer-column h2,.site-footer .footer-bottom p,.site-footer .footer-bottom small{color:#fff}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.3)}
.site-footer .footer-column a:hover{color:#ffd400}
.site-footer .footer-back-top{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff}
.site-footer .footer-back-top:hover{background:#ffd400;border-color:#ffd400;color:#063e74}
.site-footer a:focus-visible,.site-footer .footer-back-top:focus-visible{outline-color:#ffd400}

/* Sidebar panels use the same blue and yellow brand palette. */
.left-sidebar,.right-sidebar{--red:#015ea9}
.left-sidebar .panel-title,.right-sidebar .panel-title{background:#015ea9;color:#fff;border-bottom:2px solid #ffd400}
.left-sidebar .hot-score,.left-sidebar .hot-info .hot-score{background:#ffd400;color:#063e74}
.left-sidebar .hot-match:hover{background:#eef7ff}
.left-sidebar .league-item:hover,.left-sidebar .league-item.selected{background:#eef7ff;color:#015ea9}
.left-sidebar .sidebar-action b,.right-sidebar .sidebar-action b{color:#015ea9}
.left-sidebar .sidebar-action.selected,.right-sidebar .sidebar-action.selected{color:#015ea9;background:#eef7ff}