.article-list h6{font-weight:650!important}
.hero-content a,.short-card h3 a{color:inherit;text-decoration:none}
.short-card:after{pointer-events:none}
.hero-card img,.video-card img,.short-card img{object-fit:cover}
.hero-card>a:has(>img){position:absolute;inset:0;z-index:1;display:block}
.hero-card::after{z-index:2;pointer-events:none}
.hero-card .hero-content{z-index:3}
.story-mini>a:has(>img){display:block;flex:0 0 36%}
.story-mini>a>img{display:block;width:100%;height:100%;object-fit:cover}
.homepage-reference .home-story-byline{display:block;color:#74818a;font-size:.72rem;line-height:1.3}
.homepage-reference .story-mini .home-story-byline,.homepage-reference .timeline-item .home-story-byline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homepage-reference .story-mini .home-story-byline{color:#b9c5cc}
.homepage-reference .timeline-item>div,.homepage-reference .trend-item>div{min-width:0}
.homepage-reference .timeline-item .home-story-byline{font-size:.66rem}
.homepage-reference .deep-read-lead .home-story-byline{color:#b9d1df}
.homepage-reference .deep-read-item .home-story-byline{margin-top:3px;color:#9cbcca;font-size:.67rem}
.homepage-reference .brief-item .home-story-byline{margin-top:4px}
.article-list .item>a:has(>img){display:block;flex:0 0 110px}
.article-list .item>a>img{display:block;width:110px;height:74px;object-fit:cover}
.article-list h6 a{font-weight:inherit}
.podcast-card .podcast-play{display:inline-block;border:0;background:#0c2130;color:#fff;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800;text-decoration:none}
.article-body img,.article-body iframe,.article-body video{max-width:100%}
.article-body img{height:auto}
.article-body table{display:block;max-width:100%;overflow:auto}
.article-body pre{overflow:auto}
.cms-audio{width:100%;margin-top:1rem}
.switch-empty{padding:2rem;border:1px solid #dfe6eb;border-radius:12px;color:#667985}
@media(max-width:575px){.brief-item{min-width:0}.hero-title{overflow-wrap:anywhere}}

/* Keep CMS-driven modules at the proportions of SwitchTV/index.html even
   while a newly harvested content type is still empty. */
.homepage-reference #business .section-card{height:100%}
.homepage-reference #business .article-list{min-height:300px}
.homepage-reference #explainers .section-card{height:100%;min-height:430px}
.homepage-reference #lifestyle>.row{min-height:210px}
.homepage-reference #podcasts .podcast-grid{min-height:169px}
.homepage-reference #podcasts .podcast-grid>p:only-child{grid-column:1/-1;align-self:center;text-align:center}
.homepage-reference #shows>.row{min-height:330px}
.homepage-reference #shows>.row>p:only-child{display:flex;flex:0 0 100%;width:100%;align-items:center;justify-content:center;text-align:center}
.homepage-reference .hero-title,.homepage-reference .article-list h6,.homepage-reference .video-card h5,.homepage-reference .trend-item a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.homepage-reference .hero-title{-webkit-line-clamp:3}
.homepage-reference .article-list h6,.homepage-reference .video-card h5,.homepage-reference .trend-item a{-webkit-line-clamp:3}
/* Keep the reorganised lead card compact. Long harvested headlines must not
   stretch the row beyond the intended desktop composition. */
.homepage-reference .lead-story-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe6eb;border-radius:8px;background:#fff}
.homepage-reference .lead-story-heading{padding:14px 18px 12px}
.homepage-reference .lead-story-heading .hero-title{margin:0;font-size:clamp(1.55rem,1.9vw,2rem);line-height:1.08;letter-spacing:-.8px}
.homepage-reference .lead-story-heading .hero-title{-webkit-line-clamp:2}
.homepage-reference .lead-story-heading .hero-title a{color:#071722;text-decoration:none}
.homepage-reference .lead-story-heading .hero-title a:hover{color:var(--switch-blue)}
.homepage-reference .lead-story-image{position:relative;display:block;height:250px;flex:0 0 250px;overflow:hidden;background:#e9eef2}
.homepage-reference .lead-story-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.homepage-reference .lead-story-body{padding:12px 18px 14px}
.homepage-reference .lead-story-info-row{display:flex;align-items:center;gap:12px;min-width:0}
.homepage-reference .lead-story-deck{margin:8px 0 5px;color:#52636f;font-size:.92rem;line-height:1.42}
.homepage-reference .lead-story-meta{min-width:0;color:#74818a;font-size:.75rem}
.homepage-reference .home-lead-section .story-mini .content{min-width:0}
.homepage-reference .home-lead-section .story-mini h5,
.homepage-reference .home-lead-section .timeline-item a,
.homepage-reference .lead-story-deck{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.homepage-reference .home-lead-section .story-mini h5,
.homepage-reference .home-lead-section .timeline-item a{-webkit-line-clamp:3}
.homepage-reference .lead-story-deck{-webkit-line-clamp:2}
@media(min-width:1200px){
  .homepage-reference .home-lead-section .lead-story-card{height:562px!important}
  .homepage-reference .lead-story-image{height:auto;min-height:320px;flex:1 1 0}
  .homepage-reference .home-lead-section>.col-xl-3>.d-grid{grid-template-rows:repeat(4,136px);align-content:start;gap:6px!important}
  .homepage-reference .home-lead-section .story-mini{height:136px;min-height:136px;max-height:136px}
  .homepage-reference .home-lead-section .just-in-panel{display:flex;height:562px;margin-bottom:0!important;flex-direction:column;overflow:hidden}
  .homepage-reference .home-lead-section .just-in-list{display:grid;min-height:0;flex:1;grid-template-rows:repeat(8,minmax(0,1fr))}
  .homepage-reference .home-lead-section .just-in-list .timeline-item{min-height:0;align-content:center;overflow:hidden}
  .homepage-reference .home-lead-section .just-in-list .timeline-item a{-webkit-line-clamp:2}
}
@media(max-width:1199.98px){.homepage-reference .lead-story-image{height:340px;flex-basis:340px}}
@media(max-width:1199.98px){.homepage-reference .just-in-list .timeline-item:nth-child(n+6){display:none}}
@media(max-width:575.98px){.homepage-reference .lead-story-heading{padding:13px 15px 11px}.homepage-reference .lead-story-heading .hero-title{font-size:1.7rem}.homepage-reference .lead-story-image{height:260px;flex-basis:260px}.homepage-reference .lead-story-body{padding:12px 15px 15px}.homepage-reference .lead-story-info-row{flex-wrap:wrap;gap:7px 10px}}
@media(max-width:767.98px){
  .homepage-reference #business .article-list,.homepage-reference #explainers .section-card,.homepage-reference #lifestyle>.row,.homepage-reference #podcasts .podcast-grid,.homepage-reference #shows>.row{min-height:0}
}

/* CMS-backed homepage livestream player */
.home-live-player-anchor{position:relative;margin:0 1rem;aspect-ratio:16/9;background:#050b0f;border-radius:8px}
.home-live-player-shell{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:8px;background:#050b0f}
.home-live-media{position:relative;width:100%;height:100%;overflow:hidden;background:#000}
.home-live-media img,.home-live-media iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}
.home-live-media iframe{position:absolute;inset:0;z-index:2}
.home-live-play{position:absolute;top:50%;left:50%;z-index:4;display:grid;width:52px;height:52px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:1.55rem;cursor:pointer}
.home-live-play:hover{background:#e9303f}
.home-live-badge{position:absolute;bottom:9px;left:9px;z-index:4}
.home-live-player-shell.is-playing .home-live-play,.home-live-player-shell.is-playing .home-live-media>img{display:none}
.home-live-player-shell.is-previewing .home-live-play{opacity:0}
.home-live-player-shell.is-previewing .home-live-media>img{visibility:hidden}
.home-live-player-shell.is-previewing iframe{pointer-events:none}
.home-live-float-bar{display:none}
.home-live-empty{display:flex;min-height:168px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed rgba(255,255,255,.24);border-radius:8px;color:#c6d7e1;text-align:center}
.home-live-empty i{font-size:2rem;color:#55c1f2}.home-live-empty span{max-width:220px;color:#88a3b2;font-size:.72rem}
.home-live-schedule .schedule-col strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-live-player-shell.is-floating{position:fixed;right:20px;bottom:20px;left:auto;top:auto;z-index:1085;width:min(380px,calc(100vw - 40px));height:auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.48)}
.home-live-player-shell.is-floating .home-live-float-bar{display:flex;min-height:40px;align-items:center;gap:8px;padding:7px 10px;background:#102a3b;color:#fff}
.home-live-float-bar strong{min-width:0;flex:1;overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
.home-live-float-status{padding:3px 6px;border-radius:999px;background:#e9303f;font-size:.58rem;font-weight:900;letter-spacing:.06em}
.home-live-float-bar button{width:26px;height:26px;border:0;background:transparent;color:#fff;font-size:1.3rem;line-height:1}
.home-live-player-shell.is-floating .home-live-media{height:auto;aspect-ratio:16/9}
@media(max-width:575.98px){.home-live-player-shell.is-floating{right:10px;bottom:10px;width:calc(100vw - 20px)}.home-live-schedule{display:block}.home-live-schedule .schedule-col{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}

/* Homepage VOD previews */
[data-site-hover-media]{position:relative;overflow:hidden}
.site-hover-preview{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;border:0;background:#000;object-fit:cover;pointer-events:none}
.site-share-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.55rem .85rem;border:1px solid #67c9f5;border-radius:8px;background:transparent;color:#67c9f5;font-size:.82rem;font-weight:800;cursor:pointer}
.site-share-button:hover,.site-share-button:focus-visible{background:#67c9f5;color:#07111b}
.site-video-next-media{display:block;flex:0 0 110px;border-radius:6px}
.site-video-related-media{display:block;width:100%;border-radius:8px}
.featured-video-card{position:relative;display:flex;min-width:0;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.featured-video-link{display:flex;min-width:0;flex:1;flex-direction:column;color:inherit;text-decoration:none}
.featured-video-link:hover,.featured-video-link:focus-visible{color:inherit;text-decoration:none}
.featured-video-link:focus-visible{outline:3px solid #69c9f2;outline-offset:2px}
.featured-video-share{position:absolute;right:8px;top:8px;z-index:6;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:.85rem}
.featured-video-share:hover,.featured-video-share:focus-visible{background:#3fa1d6;color:#fff}
.featured-video-card:hover,.featured-video-card.is-playing{transform:translateY(-3px);box-shadow:0 14px 32px rgba(5,20,30,.24)}
.featured-video-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020608;cursor:pointer}
.featured-video-poster,.featured-video-player{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover}
.featured-video-player[hidden]{display:none}
.featured-video-player{z-index:2;background:#000;pointer-events:none}
.featured-video-card.is-playing .featured-video-poster,.featured-video-card.is-playing .featured-video-play{opacity:0}
.featured-video-play{position:absolute;left:50%;top:50%;z-index:4;display:grid;width:44px;height:44px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:1.25rem;transition:opacity .2s ease}
.featured-video-badge,.featured-video-countdown{position:absolute;z-index:5;padding:4px 8px;border-radius:999px;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.24)}
.featured-video-badge{left:8px;top:8px}.featured-video-badge.is-free{background:#16834a}.featured-video-badge.is-premium{background:#d59b18;color:#15100a}
.featured-video-countdown{right:8px;bottom:8px;display:none;background:rgba(0,0,0,.8)}
.featured-video-card.is-playing .featured-video-countdown{display:block}
.featured-video-card.is-preview-expired .featured-video-media::after{content:'Preview ended';position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(3,10,15,.76);color:#fff;font-size:.8rem;font-weight:800}
.featured-video-copy{display:flex;min-height:94px;flex:1;flex-direction:column;padding:12px 13px 13px}
.featured-video-copy h5{display:-webkit-box;overflow:hidden;margin:0 0 8px;font-size:.92rem;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.featured-video-copy h5{color:#fff}.featured-video-link:hover .featured-video-copy h5{color:#69c9f2}
.featured-video-copy small{margin-top:auto;color:#a8c0ce}
.featured-subscription-modal{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,#102a3b,#07141d);color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.48)}
.featured-subscription-lock{display:inline-grid;width:64px;height:64px;place-items:center;border-radius:50%;background:rgba(63,161,214,.16);color:#55c1f2;font-size:1.75rem}
.featured-player-modal{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#05090c;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.55)}
.featured-player-modal .modal-header{min-height:58px;border:0;background:#102a3b;color:#fff}.featured-player-modal .modal-header small{display:block;color:#66c8f3;font-size:.58rem;font-weight:900;letter-spacing:.11em}.featured-player-modal .modal-title{max-width:620px;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.featured-modal-media{position:relative;width:100%;aspect-ratio:16/9;background:#000}.featured-modal-media iframe,.featured-modal-media video{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.featured-modal-countdown{position:absolute;right:14px;bottom:14px;z-index:4;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.78);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
body.featured-player-open{overflow:auto!important;padding-right:0!important}
body.featured-player-floating .modal-backdrop{display:none!important}
#featuredVideoPlayerModal.is-floating{pointer-events:none}
#featuredVideoPlayerModal.is-floating .modal-dialog{position:fixed;right:18px;bottom:18px;left:auto;top:auto;display:block!important;width:min(390px,calc(100vw - 36px));height:auto!important;min-height:0!important;max-width:none;margin:0;transform:none!important;pointer-events:auto;box-shadow:0 18px 55px rgba(0,0,0,.5);z-index:1090}
#featuredVideoPlayerModal.is-floating .modal-dialog::before{display:none!important}
#featuredVideoPlayerModal.is-floating .modal-content{display:block;height:auto!important;min-height:0!important;overflow:hidden;border-radius:10px}
#featuredVideoPlayerModal.is-floating .modal-header{position:absolute;top:0;right:0;left:0;z-index:5;min-height:43px;padding:7px 10px;border:0;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,0));cursor:pointer}
#featuredVideoPlayerModal.is-floating .modal-header small{display:none}
#featuredVideoPlayerModal.is-floating .modal-title{max-width:290px;font-size:.75rem}
#featuredVideoPlayerModal.is-floating .modal-body{display:block;height:auto!important;min-height:0!important;flex:none;padding:0}
#featuredVideoPlayerModal.is-floating .featured-modal-media{width:100%;height:auto!important;min-height:0;aspect-ratio:16/9}
@media(max-width:575.98px){.featured-video-copy{min-height:80px}.featured-video-copy h5{font-size:1rem}}
@media(max-width:575.98px){#featuredVideoPlayerModal.is-floating .modal-dialog{right:10px;bottom:10px;width:calc(100vw - 20px)}#featuredVideoPlayerModal .modal-dialog{margin:.75rem}}

/* The Deep Read replaces the duplicated full-width livestream block. */
.deep-read-hub{padding:14px;border-radius:14px;background:#06141d;color:#fff}
.deep-read-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(320px,.85fr);gap:14px}
.deep-read-lead{position:relative;min-height:410px;overflow:hidden;border-radius:10px;background:#071722}
.deep-read-lead>a{position:absolute;inset:0;z-index:1;display:block}
.deep-read-lead>a img{width:100%;height:100%;object-fit:cover;opacity:.66;transition:transform .45s ease}
.deep-read-lead:hover>a img{transform:scale(1.025)}
.deep-read-lead:after{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(2,9,13,.94) 0,rgba(2,9,13,.72) 48%,rgba(2,9,13,.1) 100%)}
.deep-read-copy{position:absolute;z-index:3;right:34px;bottom:32px;left:34px;max-width:720px}
.deep-read-status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,26,38,.72);color:#79d5ff;font-size:.69rem;font-weight:900;letter-spacing:.1em}
.deep-read-status i{font-size:.9rem}.deep-read-category{margin-top:16px;color:#8edcff;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.deep-read-lead h2{display:-webkit-box;max-width:680px;margin:.35rem 0 .7rem;overflow:hidden;font-size:clamp(1.9rem,3.1vw,2.8rem);font-weight:900;letter-spacing:-.035em;line-height:1.02;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.deep-read-lead h2 a{color:#fff;text-decoration:none}.deep-read-lead p{max-width:650px;margin-bottom:18px;color:#c2d3dc;font-size:.94rem;line-height:1.5}
.deep-read-actions{display:flex;align-items:center;gap:16px}.deep-read-actions span{color:#a6bbc6;font-size:.75rem}
.deep-read-list{overflow:hidden;border-radius:10px;background:#0c2737}
.deep-read-list-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.deep-read-list-head div{display:grid}.deep-read-list-head span{color:#66cafa;font-size:.62rem;font-weight:900;letter-spacing:.12em}.deep-read-list-head strong{font-size:1.05rem}.deep-read-list-head a{color:#76d4ff;font-size:.75rem;font-weight:800}
.deep-read-list-items{display:grid}.deep-read-item{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;min-height:81px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background .2s ease}
.deep-read-item:last-child{border-bottom:0}.deep-read-item:hover{background:#11394f;color:#fff}.deep-read-item>div{min-width:0}.deep-read-item small,.deep-read-item strong{display:block}.deep-read-item small{margin-bottom:4px;overflow:hidden;color:#78caef;font-size:.62rem;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.deep-read-item strong{display:-webkit-box;overflow:hidden;font-size:.83rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.deep-read-number{color:#6d8998;font-size:.72rem;font-weight:900}.deep-read-item>i{color:#6ccdf8}
@media(max-width:991.98px){.deep-read-grid{grid-template-columns:1fr}.deep-read-lead{min-height:380px}.deep-read-item{min-height:76px}}
@media(max-width:575.98px){.deep-read-hub{padding:8px}.deep-read-lead{min-height:390px}.deep-read-copy{right:20px;bottom:22px;left:20px}.deep-read-lead h2{font-size:2rem}.deep-read-lead p{font-size:.85rem}.deep-read-actions{align-items:flex-start;flex-direction:column;gap:9px}}
