/* v2.51 - Final homepage-matched shell for Blog, Sports News and News pages */
:root{
  --wcl-home-max:1440px;
  --wcl-home-x:clamp(18px,5vw,72px);
  --wcl-home-shell:min(var(--wcl-home-max), calc(100% - (var(--wcl-home-x) * 2)));
  --wcl-readable-wide:960px;
}
/* Make global header/footer use the same physical width rhythm as homepage */
.site-header .nav{
  box-sizing:border-box!important;
  width:min(100%,var(--wcl-home-max))!important;
  max-width:var(--wcl-home-max)!important;
  margin-inline:auto!important;
  padding-left:var(--wcl-home-x)!important;
  padding-right:var(--wcl-home-x)!important;
}
.footer .wrap{
  box-sizing:border-box!important;
  width:var(--wcl-home-shell)!important;
  max-width:var(--wcl-home-max)!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
/* Main archive pages: /blog/, /sports-news/, legacy /news/ */
body main.content-hub,
body main.wcl-content-shell,
body .content-hub{
  box-sizing:border-box!important;
  width:var(--wcl-home-shell)!important;
  max-width:var(--wcl-home-max)!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .content-hub>.hub-eyebrow,
body .content-hub>h1,
body .content-hub>.hub-sub,
body .content-hub>.hub-toolbar{
  max-width:var(--wcl-home-shell)!important;
  margin-left:0!important;
  margin-right:auto!important;
}
body .lead-card,
body .content-grid,
body .pager,
body .count{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Detail pages keep homepage shell, but text remains readable */
body main.article-wrap,
body .article-wrap{
  box-sizing:border-box!important;
  width:var(--wcl-home-shell)!important;
  max-width:var(--wcl-home-max)!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body .article-wrap>:is(.hub-eyebrow,h1,.hub-sub,.cta-row,h2,h3,p,ul,ol,blockquote,.related-box){
  max-width:var(--wcl-readable-wide)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Covers must be fully visible, not cropped */
body .lead-card img,
body .story-card img,
body .article-cover,
body .content-grid article img,
body .content-grid .story-card>a>img{
  width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:linear-gradient(145deg,#071018,#101820)!important;
}
body .lead-card img{
  height:auto!important;
  aspect-ratio:16/9!important;
  max-height:none!important;
}
body .story-card img,
body .content-grid article img,
body .content-grid .story-card>a>img{
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
}
body .article-cover{
  display:block!important;
  width:min(100%,920px)!important;
  max-width:920px!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  max-height:none!important;
  margin:28px auto!important;
}
/* Professional archive grid scaling */
body .content-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,24px)!important;
}
body .story-card{min-width:0!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;}
body .story-card .card-body{display:flex!important;flex-direction:column!important;flex:1!important;}
body .story-card .card-body .btn-secondary{margin-top:auto!important;align-self:flex-start!important;}
/* Keep CTA and links readable */
body .lead-card h2 a,
body .story-card h3 a{color:inherit!important;text-decoration:none!important;}
body .lead-card h2 a:hover,
body .story-card h3 a:hover{color:#ffe174!important;}
@media(max-width:1180px){
  :root{--wcl-home-x:clamp(18px,4vw,44px)}
  body .content-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  :root{--wcl-home-x:20px}
  .site-header .nav{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important;}
  body .lead-card{grid-template-columns:1fr!important;}
  body .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body main.content-hub,body main.article-wrap{padding-top:44px!important;padding-bottom:58px!important;}
}
@media(max-width:620px){
  :root{--wcl-home-x:14px}
  body .content-grid{grid-template-columns:1fr!important;}
  body .content-hub>h1,body .article-wrap>h1{font-size:2.28rem!important;line-height:1!important;}
  .footer{padding-bottom:88px!important;}
}