/* v2.53 - hard global width alignment for Blog + Sports News archives and single pages */
:root{
  --wcl-global-max:1440px;
  --wcl-inner-max:1320px;
  --wcl-single-max:1200px;
  --wcl-gutter:24px;
}
html,body{width:100%;overflow-x:hidden!important;}
*,*:before,*:after{box-sizing:border-box;}

/* Header/menu/footer follow homepage width everywhere */
.site-header,.footer{width:100%!important;}
.site-header .nav, header .nav, .nav,
.footer .wrap, footer .wrap,
.site-container,.ast-container,.container,.wrap{
  width:100%!important;
  max-width:var(--wcl-global-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wcl-gutter)!important;
  padding-right:var(--wcl-gutter)!important;
}
.site-header .nav, header .nav, .nav{
  display:grid!important;
  grid-template-columns:minmax(210px,300px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(16px,2vw,32px)!important;
}
.site-header .brand,.nav .brand{min-width:0!important;}
.site-header .main-menu,.nav .main-menu{justify-content:center!important;min-width:0!important;}
.site-header .actions,.nav .actions{justify-content:flex-end!important;}
.site-header .mega,.nav .mega{width:min(calc(100vw - 48px), var(--wcl-global-max))!important;max-width:var(--wcl-global-max)!important;}

/* Main archive pages: /blog/ and /sports-news/ same as homepage */
body main.content-hub,
body .content-hub,
body main[data-page="blog"],
body main[data-page="sports-news"],
body main[data-page="news"],
body.blog .site-content,
body.archive .site-content{
  width:100%!important;
  max-width:var(--wcl-global-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wcl-gutter)!important;
  padding-right:var(--wcl-gutter)!important;
}
.content-hub > .hub-eyebrow,
.content-hub > .hub-title,
.content-hub > h1,
.content-hub > .hub-sub,
.content-hub > .hub-toolbar,
.content-hub > .cta-row,
.content-hub > .lead-card,
.content-hub > .content-grid,
.content-hub > .pager,
.content-hub > .count{
  width:100%!important;
  max-width:var(--wcl-inner-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.content-hub > .lead-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  overflow:hidden!important;
}
.content-hub > .content-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,24px)!important;
}

/* Single Blog + Single Sports News: use global page width, not narrow 900px */
body main.article-wrap,
body .article-wrap,
body main.single-content,
body .single-content{
  width:100%!important;
  max-width:var(--wcl-global-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wcl-gutter)!important;
  padding-right:var(--wcl-gutter)!important;
}
.article-wrap > .hub-eyebrow,
.article-wrap > h1,
.article-wrap > .hub-sub,
.article-wrap > .cta-row,
.article-wrap > .article-cover,
.article-wrap > h2,
.article-wrap > h3,
.article-wrap > p,
.article-wrap > ul,
.article-wrap > ol,
.article-wrap > blockquote,
.article-wrap > .related-box,
.article-wrap > .article-body,
.article-wrap > section{
  width:100%!important;
  max-width:var(--wcl-single-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.article-wrap > .article-cover,
.article-cover{
  max-width:var(--wcl-single-max)!important;
  width:100%!important;
  display:block!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:linear-gradient(145deg,#071018,#101820)!important;
}

/* Covers: show complete end-to-end image in every card */
.lead-card img,
.story-card img,
.content-grid article img,
.content-grid .story-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:linear-gradient(145deg,#071018,#101820)!important;
  display:block!important;
}
.story-card{height:100%!important;display:flex!important;flex-direction:column!important;min-width:0!important;}
.story-card .card-body{display:flex!important;flex-direction:column!important;flex:1!important;}
.story-card .btn-secondary,.story-card .btn-cta{margin-top:auto!important;align-self:flex-start!important;}

/* Footer grid must stay aligned to homepage width */
.footer-grid{width:100%!important;max-width:var(--wcl-inner-max)!important;margin-left:auto!important;margin-right:auto!important;}
.copyright{max-width:var(--wcl-inner-max)!important;margin-left:auto!important;margin-right:auto!important;}

@media(max-width:1280px){
  :root{--wcl-inner-max:1200px;--wcl-single-max:1080px;--wcl-gutter:22px;}
  .content-hub > .content-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1024px){
  :root{--wcl-gutter:20px;--wcl-single-max:960px;}
  .content-hub > .lead-card{grid-template-columns:1fr!important;}
  .site-header .nav, header .nav, .nav{grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto!important;}
}
@media(max-width:900px){
  :root{--wcl-gutter:18px;}
  .site-header .nav, header .nav, .nav{max-width:none!important;padding-left:16px!important;padding-right:16px!important;grid-template-columns:minmax(120px,1fr) auto auto!important;}
  .content-hub > .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  :root{--wcl-gutter:16px;}
  .content-hub > .content-grid{grid-template-columns:1fr!important;}
  .hub-title,.article-wrap h1{font-size:clamp(2.1rem,11vw,3rem)!important;line-height:1!important;}
}