/* Prediction articles have no menu toggle: use a compact editorial header. */
.page-template-versus #wrapper-navbar{position:relative;top:auto;height:auto;background:#fff;z-index:20}
.page-template-versus #wrapper-navbar .navbar{margin:0;padding:0;background:#fff;position:relative;z-index:auto}
.page-template-versus #wrapper-navbar .navbar>header{display:flex;align-items:center;justify-content:flex-start;gap:24px;width:100%;max-width:1160px;min-height:76px;margin:0 auto;padding:16px 24px;border:0;border-radius:0;box-shadow:none}
.page-template-versus #wrapper-navbar .header-control-slot--left{display:none}
.page-template-versus #wrapper-navbar .site-branding{position:static;transform:none;max-width:none;margin:0 auto 0 0;flex:0 0 auto;order:0}
.page-template-versus #wrapper-navbar .w-logo-shell{display:none}
.page-template-versus #wrapper-navbar .site-branding .svg-logo{display:block!important;filter:brightness(0);width:160px!important;min-width:160px!important;height:35px!important;min-height:35px!important}
.page-template-versus #wrapper-navbar .header-control-slot--right{order:2;flex:0 0 auto;width:auto;min-width:0}
.page-template-versus #wrapper-navbar a.navbar-toggler{order:1;display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;color:#26364b;font:700 13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-decoration:none}
.page-template-versus #wrapper-navbar a:focus-visible{outline:2px solid #ce1037;outline-offset:4px}
.page-template-versus .banner-top{position:relative;isolation:isolate;min-height:360px;height:auto;background-position:center 25%;overflow:hidden}
.page-template-versus .banner-top #header-filter{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,15,24,.1) 15%,rgba(8,15,24,.88) 100%);opacity:1!important;z-index:-1}
.page-template-versus .banner-top>div:last-child{display:flex!important;align-items:flex-end;min-height:inherit;height:auto!important;max-width:1160px;margin:0 auto;padding:40px 24px}
.page-template-versus .banner-top>div:last-child>div{display:block!important;width:100%}
.page-template-versus .banner-top h1.header-title{max-width:950px;margin:0;padding:0;text-align:left;font:800 clamp(26px,3.4vw,44px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em;text-transform:none;color:#fff;overflow-wrap:break-word}
.page-template-versus .banner-top div.header-title{padding:0;margin:16px 0 0;text-align:left;font-size:12px!important;line-height:1.6;letter-spacing:.06em;color:#e6edf3}
.page-template-versus .banner-top br{display:none}
@media(max-width:600px){
 .page-template-versus #wrapper-navbar .navbar>header{gap:14px;min-height:68px;padding:12px 16px}
 .page-template-versus #wrapper-navbar .site-branding .svg-logo{width:125px!important;min-width:125px!important}
 .page-template-versus #wrapper-navbar a.navbar-toggler{font-size:11px}
 .page-template-versus .banner-top{min-height:320px}
 .page-template-versus .banner-top>div:last-child{padding:32px 20px}
}
@media(max-width:359px){.page-template-versus #wrapper-navbar .navbar>header{gap:10px;padding:10px 12px}.page-template-versus #wrapper-navbar .site-branding .svg-logo{width:105px!important;min-width:105px!important}}
/* Override app-header auto margins and keep the complete brand visible. */
.page-template-versus #wrapper-navbar .navbar>header{gap:24px!important}
.page-template-versus #wrapper-navbar .header-control-slot--right{margin-left:0!important}
.page-template-versus #wrapper-navbar .site-branding{gap:6px!important}
.page-template-versus #wrapper-navbar .w-logo-shell{display:flex!important;width:34px!important;height:26px!important;min-width:34px!important;flex:0 0 34px}
.page-template-versus #wrapper-navbar .w-logo{display:block!important;width:34px!important;height:26px!important;filter:brightness(0)!important}
.page-template-versus #wrapper-navbar .site-branding .svg-logo{width:143px!important;min-width:143px!important}
@media(max-width:600px){.page-template-versus #wrapper-navbar .navbar>header{gap:14px!important}.page-template-versus #wrapper-navbar .site-branding .svg-logo{width:100px!important;min-width:100px!important}.page-template-versus #wrapper-navbar .w-logo-shell,.page-template-versus #wrapper-navbar .w-logo{width:28px!important;min-width:28px!important;flex-basis:28px}}
@media(max-width:359px){.page-template-versus #wrapper-navbar .navbar>header{gap:10px!important}.page-template-versus #wrapper-navbar .site-branding .svg-logo{width:84px!important;min-width:84px!important}.page-template-versus #wrapper-navbar .site-branding{gap:4px!important}}
.page-template-versus #wrapper-navbar .nav-balance--stacked{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;line-height:1.15}
.page-template-versus #wrapper-navbar .nav-balance__row{display:block;white-space:nowrap}