/* SportsHub landscape editorial media. Loaded last so every route uses 16:9 photography. */
body[data-template=template4] .sp-story{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden;align-self:start;transform:none!important;clip-path:none!important;opacity:1!important}
body[data-template=template4] .sp-story-photo{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;aspect-ratio:16/9!important}
body[data-template=template4] :is(.sp-story-photo img,.sp-article-figure>img,.sp-about-layout figure>img){display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;transform:none!important;clip-path:none!important}
body[data-template=template4] .sp-story-copy{width:100%;min-width:0;padding:16px!important;box-sizing:border-box;flex:none!important;transform:none!important}
body[data-template=template4] .sp-story h3{font-size:clamp(18px,1.5vw,23px);line-height:1.25;margin:10px 0}
body[data-template=template4] .sp-story-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
body[data-template=template4] .sp-engagement{flex-wrap:wrap!important}
body[data-template=template4] .sp-platform-front{grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);align-items:start!important;gap:22px}
body[data-template=template4] .sp-platform-front .sp-cover{height:auto!important;min-height:0!important;aspect-ratio:16/9;display:flex;align-items:center}
body[data-template=template4] .sp-cover-image{transform:none!important}
body[data-template=template4] .sp-cover-image img{transform:none!important;object-position:center!important}
body[data-template=template4] :is(.sp-hero-athlete,.sp-hero-orbit,.sp-hero-poster-word){display:none!important}
body[data-template=template4] .sp-platform-front .sp-cover-copy{padding:28px 26px 76px!important;max-width:82%}
body[data-template=template4] .sp-platform-front .sp-cover h1{font-size:clamp(28px,3vw,48px)!important;line-height:1.08!important}
body[data-template=template4] .sp-platform-front .sp-cover-copy>p{font-size:13px!important;line-height:1.6!important;margin-block:12px!important}
body[data-template=template4] .sp-platform-front .sp-hero-rail{height:auto!important;display:flex!important;flex-direction:column;gap:16px;padding-top:0}
body[data-template=template4] .sp-hero-rail .sp-story{flex:none!important;margin:0!important}
body[data-template=template4] :is(.sp-feed-grid,.sp-home-bento){align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-template=template4] .sp-home-bento>.sp-story{grid-column:auto!important;grid-row:auto!important}
body[data-template=template4] .sp-article-figure{height:auto!important;min-height:0!important;max-height:none!important;margin:24px 0;transform:none!important;perspective:none;overflow:hidden}
body[data-template=template4] .sp-article-figure figcaption{padding:10px 12px;font-size:11px}
body[data-template=template4] .sp-article-columns{align-items:start}
body[data-template=template4] .sp-article-sidebar{align-self:start!important}
body[data-template=template4] .sp-article-prose{min-height:0!important}
body[data-template=template4] :is(.sp-coverflow-enhanced.sp-horizontal,.sp-archive-stage .sp-coverflow-enhanced){display:flex!important;gap:18px;height:auto!important;min-height:0!important;overflow-x:auto!important;padding:8px 0 18px;perspective:none;scroll-snap-type:x proximity;align-items:start}
body[data-template=template4] .sp-coverflow-enhanced>.sp-story{position:relative!important;inset:auto!important;width:320px!important;max-width:85vw;flex:0 0 320px!important;scroll-snap-align:start;visibility:visible!important}
body[data-template=template4] .sp-archive-stage{min-height:0!important}
@media(max-width:1100px){
 body[data-template=template4] .sp-platform-front{grid-template-columns:1fr!important}
 body[data-template=template4] .sp-platform-front .sp-hero-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 body[data-template=template4] :is(.sp-feed-grid,.sp-home-bento){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
 body[data-template=template4] .sp-platform-front .sp-cover{display:block!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important}
 body[data-template=template4] .sp-cover-image{position:relative!important;inset:auto!important;width:100%;aspect-ratio:16/9!important;z-index:0!important;overflow:hidden}
 body[data-template=template4] .sp-cover-image img{display:block;width:100%!important;height:100%!important;object-fit:cover}
 body[data-template=template4] .sp-cover:after{display:none}
 body[data-template=template4] .sp-platform-front .sp-cover-copy{padding:20px 20px 76px!important;max-width:none!important;background:#0b1018;color:#fff}
 body[data-template=template4] .sp-platform-front .sp-cover h1{font-size:clamp(27px,5vw,39px)!important;max-width:26ch}
 body[data-template=template4] .sp-platform-front .sp-cover-copy>p{max-width:60ch}
 body[data-template=template4] .sp-article-columns{display:block!important}
 body[data-template=template4] .sp-article-sidebar{margin-top:28px}
}
@media(max-width:540px){
 body[data-template=template4] :is(.sp-feed-grid,.sp-home-bento,.sp-platform-front .sp-hero-rail){grid-template-columns:1fr!important;gap:18px}
 body[data-template=template4] .sp-story-copy{padding:15px!important}
 body[data-template=template4] .sp-shell{width:calc(100% - 28px)}
 body[data-template=template4] .sp-chapter{padding-block:24px}
 body[data-template=template4] .sp-story h3{font-size:21px!important;line-height:1.25!important}
 body[data-template=template4] .sp-story-photo img{aspect-ratio:16/9!important}
 body[data-template=template4] .sp-coverflow-enhanced>.sp-story{width:290px!important;flex-basis:290px!important}
}

/* Keep the article opening compact around the landscape cover. */
body[data-template=template4] .sp-article{padding-top:24px!important}
body[data-template=template4] .sp-article-header{padding-block:18px!important;margin-bottom:0!important}
body[data-template=template4] .sp-article-header h1{margin-block:14px!important}
body[data-template=template4] .sp-article-header>p{margin-block:14px!important}
@media(max-width:540px){body[data-template=template4] .sp-article{padding-top:18px!important}body[data-template=template4] .sp-article-header h1{font-size:29px!important;line-height:1.14!important}body[data-template=template4] .sp-article-header>p{font-size:15px!important;line-height:1.7!important}}