/* New templates only: saved legacy compositions retain their existing appearance. */
.template-refined{font-feature-settings:"tnum";text-rendering:optimizeLegibility}
.template-refined :is(a,button,input,summary):focus-visible{outline:3px solid var(--primary);outline-offset:5px}
.template-refined .hero{margin-bottom:24px}
.template-refined .hero-description{font-size:15px;line-height:1.9;max-width:46ch}
.template-refined .hero-slogan{font-size:clamp(26px,3.2vw,44px);line-height:1.5;letter-spacing:-.035em;text-wrap:balance}
.template-refined .hero-brand{font-size:clamp(38px,4.5vw,64px);line-height:1.15;margin-bottom:18px}
.template-refined .hero-actions{gap:20px;flex-wrap:wrap}
.template-refined .watch-primary{min-width:240px;min-height:64px;font-size:20px;letter-spacing:.03em;box-shadow:0 8px 24px #0002;transition:transform .18s,box-shadow .18s}
.template-refined .watch-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}
.template-refined .section-heading{align-items:end;gap:24px;margin-bottom:24px}
.template-refined .section-heading h2{letter-spacing:-.04em;font-size:clamp(25px,3vw,36px);line-height:1.25}
.template-refined .section-heading .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:10px}
.template-refined :is(.schedule-section,.news-section,.insights-section,.faq-section,.guide-section){scroll-margin-top:24px;margin-top:64px}
.template-refined .schedule-card{box-shadow:0 8px 40px #00000006;overflow:hidden}
.template-refined .match-row{min-height:78px;transition:background .15s}
.template-refined .match-row:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.template-refined .match-row .watch-button{min-height:44px;padding:12px 20px;font-weight:750}
.template-refined :is(.news-copy p,.reading-card p,.guide-step p,.faq-grid details p){font-size:15px;line-height:1.95}
.template-refined .news-copy h3{font-size:21px;line-height:1.5;letter-spacing:-.025em}
.template-refined .news-art img{transition:transform .3s}
.template-refined .news-card:hover .news-art img{transform:scale(1.025)}
.template-refined .news-meta{gap:12px;font-size:11px;letter-spacing:.025em}
.template-refined .reading-card{padding:30px}
.template-refined .faq-grid summary{padding-top:20px;padding-bottom:20px;line-height:1.65}
.template-refined .site-footer{margin-top:80px}
@media(max-width:800px){
 .template-refined .hero-brand{font-size:36px}.template-refined .hero-slogan{font-size:26px}
 .template-refined .hero-description{font-size:14px}.template-refined .watch-primary{min-width:220px;max-width:100%;min-height:60px}
 .template-refined .section-heading{gap:12px;align-items:start;flex-wrap:wrap}
 .template-refined :is(.schedule-section,.news-section,.insights-section,.faq-section,.guide-section){margin-top:40px}
 .template-refined .reading-card{padding:22px}.template-refined .match-row .watch-button{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.template-refined *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:800px){
 .template-refined .hero-poster .poster-copy,.template-refined .hero-broadcast .broadcast-copy,.template-refined .hero-dashboard .dashboard-copy,.template-refined .hero-frame-layout .hero-frame-copy{grid-column:1;grid-row:1}
 .template-refined .hero-poster .poster-frame,.template-refined .hero-broadcast .broadcast-scene,.template-refined .hero-dashboard .dashboard-panel,.template-refined .hero-frame-layout .hero-frame-photo{grid-column:1;grid-row:2}
 .template-refined .hero-frame-layout .hero-frame-focus{grid-column:1;grid-row:3}
}

.hero h1 .hero-topic{display:block;font-size:16px;line-height:1.6;letter-spacing:.04em;font-weight:650;margin-bottom:12px;color:inherit}

.hero .refined-brand{font-size:clamp(28px,3vw,40px);font-weight:850;line-height:1.3;margin:0 0 14px}.hero h1.seo-heading{font-size:clamp(24px,2.7vw,38px)!important;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere}.hero .seo-heading+.hero-slogan{font-size:18px!important;line-height:1.7;margin-top:14px}@media(max-width:800px){.hero h1.seo-heading{font-size:24px!important}.hero .refined-brand{font-size:28px}}

/* Basketball court illustration: no football photographs in NBA sites. */
.sport-basketball .hero-image-empty{position:relative;overflow:hidden;min-height:360px;background:linear-gradient(115deg,transparent 30%,#ffffff12 31%,transparent 32%),repeating-linear-gradient(90deg,#ffffff08 0 2px,transparent 2px 42px),linear-gradient(145deg,var(--night),var(--primary));}
.sport-basketball .hero-image-empty:before{content:"";position:absolute;inset:12% 9%;border:2px solid #ffffff80;border-radius:6px;background:linear-gradient(90deg,transparent 49.7%,#ffffff70 49.8% 50.2%,transparent 50.3%);transform:perspective(700px) rotateX(24deg) rotate(-12deg)}
.sport-basketball .hero-image-empty:after{content:"";position:absolute;width:140px;height:140px;border:2px solid #ffffff80;border-radius:50%;left:calc(50% - 70px);top:calc(50% - 70px);box-shadow:0 0 0 26px #ffffff05;transform:rotate(-12deg)}
.sport-basketball .hero-image-empty span{z-index:1;position:relative}.sport-basketball #match-list .score-boxes>span{min-width:34px;width:auto;padding:0 3px;font-size:17px}.sport-basketball .news-art.art-ball:before{content:'🏀'}
@media(max-width:700px){.sport-basketball #match-list .score-boxes>span{min-width:24px;padding:0 1px;font-size:12px}.sport-basketball .hero-image-empty{min-height:280px}}
.sport-basketball .hero-copy{background:var(--surface);color:var(--ink);padding:clamp(22px,3vw,42px);border-radius:var(--card-radius);position:relative}.sport-basketball .hero-copy h1{color:var(--ink)!important}.sport-basketball .hero-copy .hero-description,.sport-basketball .hero-copy .hero-secondary,.sport-basketball .hero-copy .eyebrow,.sport-basketball .hero-copy .hero-bottom{color:var(--ink)!important}
