
:root{
  --red:#e31b23;--red-dark:#b50914;--ink:#0d0d0f;--char:#17171a;--paper:#fff;--soft:#f3f3f5;--muted:#6a6a70;--line:#dedee3;--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wire-strip{height:42px;display:grid;grid-template-columns:auto 1fr 52px;background:#050505;color:white;overflow:hidden}
.wire-label{display:flex;align-items:center;padding:0 30px;background:#050505;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:18px;letter-spacing:.02em}
.wire-copy{display:flex;align-items:center;padding:0 24px;background:linear-gradient(100deg,#e31b23,#c60d18);font-weight:800;font-size:14px}
.wire-bolt{display:flex;align-items:center;justify-content:center;background:#c60d18;color:#ffd24a;font-size:20px}

.site-header{background:white;position:relative;z-index:10}
.header-main{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:355px;height:82px;object-fit:contain;object-position:left center}
.header-side{display:flex;align-items:center;gap:24px}
.socials{display:flex;gap:9px}
.socials a{width:32px;height:32px;border:1px solid #d6d6da;display:grid;place-items:center;border-radius:50%;font-weight:800}
.menu-toggle{display:none;background:none;border:0;padding:7px;cursor:pointer}
.menu-toggle span{display:block;width:31px;height:4px;margin:5px 0;background:#111}

.primary-nav{background:#0a0a0c;color:white;border-top:1px solid #1e1e22}
.nav-inner{display:flex;align-items:center;min-height:50px}
.nav-inner a{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;padding:17px 15px;white-space:nowrap}
.nav-inner a:hover{background:#19191c;color:#fff}
.home-link{background:var(--red);font-size:20px!important;padding-inline:19px!important}

.breaking-bar{border-bottom:1px solid #e7e7ea;background:#fff}
.breaking-inner{display:flex;align-items:center;min-height:42px;font-size:13px}
.breaking-badge{align-self:stretch;display:flex;align-items:center;background:var(--red);color:white;font-family:"Barlow Condensed";font-weight:900;padding:0 18px;letter-spacing:.04em}
.breaking-headline{padding:0 18px;font-weight:700;flex:1}
.breaking-time{font-size:11px;font-weight:800;color:var(--red)}

.page-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#4e050b 0,#1b0508 27%,#0c0c0f 58%,#050506 100%);color:white;border-bottom:7px solid var(--red)}
.page-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#e31b2340 1.4px,transparent 1.4px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000 0,transparent 72%)}
.page-intro:after{content:"";position:absolute;width:420px;height:600px;border:2px solid #e31b2327;transform:rotate(25deg);right:-80px;top:-160px}
.intro-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .7fr;gap:70px;align-items:center;min-height:440px;padding-block:68px}
.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:900;letter-spacing:.09em;font-size:14px}
.eyebrow:before,.section-label:before{content:"";width:34px;height:4px;background:var(--red)}
.intro-copy h1{font-family:"Barlow Condensed";font-style:italic;text-transform:uppercase;font-size:clamp(58px,7vw,92px);line-height:.82;margin:22px 0 24px;letter-spacing:-.02em}
.intro-copy h1 em{color:var(--red);font-style:italic}
.intro-copy p{max-width:650px;color:#dedee1;font-size:18px;line-height:1.65;margin:0}
.intro-links{display:flex;gap:12px;margin-top:30px}
.intro-links a{padding:12px 17px;border:1px solid #ffffff58;font-weight:800;font-size:13px;text-transform:uppercase}
.intro-links a:first-child{background:var(--red);border-color:var(--red)}
.intro-panel{background:#111115d9;border:1px solid #ffffff25;padding:24px}
.panel-kicker{font-family:"Barlow Condensed";font-size:14px;font-weight:900;color:#aaa;letter-spacing:.12em}
.panel-stat{display:flex;align-items:baseline;gap:14px;border-top:1px solid #ffffff18;padding:15px 0}
.panel-stat:first-of-type{margin-top:14px}
.panel-stat b{font-family:"Barlow Condensed";font-size:27px;color:var(--red)}
.panel-stat span{font-weight:800}

.section{padding-block:62px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.section-head>div{display:flex;align-items:center;gap:13px}
.section-head h2{font-family:"Barlow Condensed";font-size:34px;line-height:1;margin:0;font-weight:900;letter-spacing:.015em}
.section-head>a{font-size:13px;font-weight:800;color:var(--red)}
.red-rule{width:36px;height:6px;background:var(--red);display:block}

.top-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:22px}
.lead-art{position:relative;display:block;min-height:475px;overflow:hidden;border-radius:4px;background:linear-gradient(120deg,#050506 0,#130408 46%,#4c0710 100%);color:white}
.stadium-lights{position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,#fff7 0 2px,transparent 3px),radial-gradient(circle at 78% 17%,#fff5 0 2px,transparent 3px),linear-gradient(120deg,transparent 0 58%,#e31b2320 59% 60%,transparent 61%)}
.lead-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050506f2 0,#09090dbd 58%,#0002 100%)}
.story-tag{position:absolute;z-index:2;top:24px;left:24px;background:var(--red);padding:8px 11px;font-family:"Barlow Condensed";font-weight:900;font-size:12px;letter-spacing:.08em}
.lead-copy{position:absolute;z-index:2;left:34px;bottom:38px;max-width:650px}
.lead-kicker{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.12em;color:#bbb}
.lead-copy h3{font-family:"Barlow Condensed";font-size:64px;line-height:.83;text-transform:uppercase;font-style:italic;margin:9px 0 18px;max-width:620px}
.lead-copy h3 em{display:block;color:var(--red);font-style:italic}
.lead-copy>p:not(.lead-kicker){max-width:520px;line-height:1.5;color:#ddd}
.read-link{display:inline-block;margin-top:14px;font-weight:800}
.top-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.headline-card{padding:30px;color:white;display:flex;flex-direction:column;justify-content:flex-end;min-height:225px}
.headline-card.red{background:linear-gradient(145deg,#e31b23,#a70510)}
.headline-card.dark{background:#111115}
.headline-card>span{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.1em;font-size:13px}
.headline-card h3{font-family:"Barlow Condensed";font-size:31px;line-height:.96;margin:12px 0}
.headline-card p{font-size:13px;line-height:1.55;color:#e3e3e5}
.headline-card a{font-size:13px;font-weight:800;margin-top:10px}

.latest-section{background:#f5f5f6;border-block:1px solid #e5e5e8}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:white;border:1px solid #e2e2e5}
.thumb{height:160px;display:grid;place-items:center;overflow:hidden}
.thumb span{font-family:"Barlow Condensed";font-weight:900;font-style:italic;font-size:64px}
.thumb-cfb{background:linear-gradient(145deg,#121215,#42060c);color:#ef2331}
.thumb-rec{background:linear-gradient(145deg,#e31b23,#8a050e);color:white}
.thumb-hs{background:linear-gradient(145deg,#29292d,#111);color:#eee}
.news-copy{padding:21px}
.meta{font-size:10px;font-weight:900;color:var(--red);letter-spacing:.07em}
.news-copy h3{font-family:"Barlow Condensed";font-size:25px;line-height:1.02;margin:10px 0 10px}
.news-copy p{font-size:13px;line-height:1.55;color:#666}

.wire-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:36px;align-items:start}
.wire-feature>h2{font-family:"Barlow Condensed";font-size:48px;margin:9px 0 18px}
.feature-card{display:grid;grid-template-columns:.95fr 1.1fr;border:1px solid #ddd}
.feature-art{min-height:290px;background:radial-gradient(circle at 70% 18%,#ffffffaa 0 2px,transparent 3px),linear-gradient(145deg,#070708,#2a070b);display:flex;align-items:flex-end;padding:25px;color:white}
.feature-art span{background:var(--red);padding:8px 10px;font-family:"Barlow Condensed";font-weight:900}
.feature-copy{padding:28px}
.feature-copy h3{font-family:"Barlow Condensed";font-size:32px;line-height:1;margin:10px 0}
.feature-copy p{font-size:14px;line-height:1.65;color:#666}
.feature-copy a{font-weight:800;color:var(--red);font-size:13px}

.live-wire{background:#0e0e11;color:white}
.live-wire-head{display:flex;justify-content:space-between;align-items:center;background:#18181c;padding:17px 20px;border-bottom:3px solid var(--red)}
.live-wire-head b{font-family:"Barlow Condensed";font-size:24px}
.live-wire-head span{font-size:10px;font-weight:900;color:var(--red)}
.wire-item{padding:18px 20px;border-bottom:1px solid #29292e}
.wire-item time{font-size:10px;color:var(--red);font-weight:900}
.wire-item p{font-size:13px;line-height:1.55;margin:6px 0 0;color:#ddd}
.wire-open{display:block;padding:17px 20px;font-size:12px;font-weight:800}

.recruiting-section{background:linear-gradient(110deg,#b90915,#e31b23);color:white;position:relative;overflow:hidden}
.recruiting-section:after{content:"";position:absolute;right:-80px;top:-100px;width:500px;height:500px;border:90px solid #ffffff0a;transform:rotate(30deg)}
.recruiting-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:68px}
.section-label.light:before{background:white}
.recruiting-copy h2{font-family:"Barlow Condensed";font-size:62px;line-height:.9;margin:12px 0 18px;text-transform:uppercase;font-style:italic}
.recruiting-copy h2 em{color:#111;font-style:italic}
.recruiting-copy p{line-height:1.65;max-width:530px}
.button-light{display:inline-block;background:white;color:#111;padding:12px 16px;font-size:12px;font-weight:900;margin-top:12px}
.recruit-board{background:#101013;padding:8px}
.recruit-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:18px 12px;border-bottom:1px solid #2c2c30}
.recruit-row:last-child{border:0}
.rank{font-family:"Barlow Condensed";font-size:30px;color:var(--red)}
.recruit-row b{display:block}
.recruit-row small{color:#aaa}
.status{font-size:10px;font-weight:900;color:var(--red)}

.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd}
.coverage-grid article{padding:28px;border-right:1px solid #ddd}
.coverage-grid article:last-child{border:0}
.coverage-grid article>span{font-family:"Barlow Condensed";font-size:40px;color:#ddd;font-weight:900}
.coverage-grid h3{font-family:"Barlow Condensed";font-size:28px;margin:5px 0 10px}
.coverage-grid p{font-size:13px;line-height:1.55;color:#666}
.coverage-grid a{font-size:12px;font-weight:800;color:var(--red)}

.video-section{background:#0d0d10;color:white;padding-block:62px}
.dark-head h2{color:white}
.dark-head a{color:#f05}
.video-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}
.video-grid article{min-height:210px;padding:24px;background:linear-gradient(145deg,#1c1c20,#09090b);border:1px solid #2c2c32;display:flex;flex-direction:column;justify-content:flex-end}
.video-main{min-height:350px!important;background:linear-gradient(145deg,#240409,#0b0b0e)!important}
.play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--red);margin-bottom:auto}
.play.small{width:40px;height:40px}
.video-grid small{font-weight:900;color:var(--red)}
.video-grid h3{font-family:"Barlow Condensed";font-size:30px;margin:8px 0 0}

.about-grid{display:grid;grid-template-columns:290px 1fr;gap:55px;align-items:center}
.about-mark{background:#f4f4f5;padding:35px}
.about-copy h2{font-family:"Barlow Condensed";font-size:48px;margin:10px 0}
.about-copy p{max-width:730px;line-height:1.75;color:#5f5f64}
.about-copy a{font-weight:800;color:var(--red)}

.newsletter{background:var(--red);color:white}
.newsletter-inner{padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.newsletter span{font-size:11px;font-weight:900;letter-spacing:.1em}
.newsletter h2{font-family:"Barlow Condensed";font-size:38px;margin:5px 0}
.newsletter p{margin:0;color:#ffe9ea}
.newsletter form{display:flex;min-width:min(480px,100%)}
.newsletter input{flex:1;border:0;padding:15px 16px;font:inherit}
.newsletter button{border:0;background:#101013;color:white;padding:0 20px;font-weight:900}

footer{background:#08080a;color:#cfcfd3;padding-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:40px}
.footer-brand img{width:280px;filter:brightness(0) invert(1)}
.footer-brand p{font-size:13px}
footer h4{color:white;font-family:"Barlow Condensed";font-size:22px;margin:0 0 12px}
footer a{display:block;font-size:13px;margin:8px 0}
.copyright{border-top:1px solid #25252a;padding:20px 0 28px;font-size:11px;color:#777}

.article-site-head{background:white;border-bottom:1px solid #ddd}
.article-site-head>.shell{height:105px;display:flex;align-items:center;justify-content:space-between}
.article-site-head img{width:320px;height:78px;object-fit:contain;object-position:left}
.back{font-size:13px;font-weight:800;color:var(--red)}
.article-shell{width:min(920px,calc(100% - 40px));margin:60px auto}
.article-shell h1{font-family:"Barlow Condensed";font-size:66px;line-height:.92;margin:14px 0 18px}
.dek{font-size:19px;color:#5f5f64;line-height:1.55}
.byline{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:22px 0 30px}
.article-hero{height:390px;background:linear-gradient(145deg,#08080b,#40070d);display:flex;align-items:flex-end;padding:26px;color:white}
.article-hero span{background:var(--red);padding:9px 12px;font-family:"Barlow Condensed";font-weight:900}
.article-body{max-width:720px;margin:42px auto;font-size:16px;line-height:1.8}
.article-body .lead{font-size:20px;font-weight:600}
.article-body h2{font-family:"Barlow Condensed";font-size:38px;margin-top:35px}
.article-body blockquote{border-left:6px solid var(--red);margin:34px 0;padding:12px 20px;font-family:"Barlow Condensed";font-size:30px;font-weight:800}

@media(max-width:900px){
  .shell{width:min(100% - 28px,var(--max))}
  .header-main{height:98px}
  .brand img{width:285px;height:72px}
  .socials{display:none}
  .menu-toggle{display:block}
  .primary-nav{display:none}
  .primary-nav.open{display:block}
  .nav-inner{display:block;padding-block:8px}
  .nav-inner a{display:block;padding:12px 8px;border-bottom:1px solid #26262b}
  .home-link{display:none!important}
  .intro-grid{grid-template-columns:1fr;gap:30px;min-height:auto;padding-block:55px}
  .intro-panel{display:none}
  .top-grid,.wire-layout,.recruiting-grid,.about-grid{grid-template-columns:1fr}
  .top-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .news-grid{grid-template-columns:1fr}
  .coverage-grid{grid-template-columns:1fr 1fr}
  .coverage-grid article:nth-child(2){border-right:0}
  .coverage-grid article:nth-child(-n+2){border-bottom:1px solid #ddd}
  .video-grid{grid-template-columns:1fr 1fr}
  .video-main{grid-column:1/-1}
  .newsletter-inner{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media(max-width:560px){
  .wire-strip{height:44px;grid-template-columns:105px minmax(0,1fr) 40px}
  .wire-label{padding:0 12px;font-size:15px}
  .wire-copy{padding:0 8px;font-size:9.5px;white-space:nowrap;overflow:hidden}
  .wire-bolt{font-size:16px}
  .header-main{height:110px}
  .brand img{width:260px;height:78px}
  .breaking-inner{width:100%;padding:0}
  .breaking-badge{padding:0 10px;font-size:11px}
  .breaking-headline{font-size:10.5px;padding:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .breaking-time{display:none}
  .intro-copy h1{font-size:58px}
  .intro-copy p{font-size:15px}
  .intro-links{flex-wrap:wrap}
  .section{padding-block:44px}
  .section-head h2{font-size:28px}
  .section-head>a{font-size:11px}
  .top-side{grid-template-columns:1fr}
  .lead-art{min-height:460px}
  .lead-copy{left:22px;right:20px;bottom:27px}
  .lead-copy h3{font-size:49px}
  .headline-card{min-height:210px;padding:24px}
  .feature-card{grid-template-columns:1fr}
  .feature-art{min-height:200px}
  .recruiting-grid{gap:30px;padding-block:48px}
  .recruiting-copy h2{font-size:50px}
  .coverage-grid{grid-template-columns:1fr}
  .coverage-grid article{border-right:0!important;border-bottom:1px solid #ddd!important}
  .coverage-grid article:last-child{border-bottom:0!important}
  .video-grid{grid-template-columns:1fr}
  .video-main{grid-column:auto}
  .about-mark{max-width:260px;margin:auto}
  .newsletter form{min-width:0;width:100%}
  .newsletter input{min-width:0}
  .newsletter button{padding-inline:12px}
  .article-site-head>.shell{height:90px}
  .article-site-head img{width:240px}
  .article-shell{margin:40px auto}
  .article-shell h1{font-size:48px}
  .article-hero{height:260px}
}


/* Mobile homepage tightening: keep the approved header, surface stories sooner */
@media (max-width: 560px) {
  .page-intro {
    border-bottom-width: 5px;
  }

  .intro-grid {
    min-height: auto !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .eyebrow {
    font-size: 11px !important;
    letter-spacing: .07em !important;
  }

  .eyebrow:before {
    width: 26px !important;
  }

  .intro-copy h1 {
    font-size: 44px !important;
    line-height: .88 !important;
    margin-top: 16px !important;
    margin-bottom: 18px !important;
    max-width: 330px;
  }

  .intro-copy p {
    font-size: 14px !important;
    line-height: 1.48 !important;
    max-width: 340px;
  }

  .intro-links {
    margin-top: 20px !important;
    gap: 8px !important;
  }

  .intro-links a {
    padding: 10px 13px !important;
    font-size: 11px !important;
  }

  #top-stories.section {
    padding-top: 34px !important;
  }
}


/* Editorial story-art refresh + mobile heading collision fix */
.story-art{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:22px;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.story-art:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(120deg,transparent 0 58%,rgba(227,27,35,.18) 59% 61%,transparent 62%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.35) 0 2px,transparent 3px),
    radial-gradient(circle at 76% 22%,rgba(255,255,255,.22) 0 2px,transparent 3px);
}
.story-art:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,#000,transparent 80%);
}
.story-art-cfb{background:linear-gradient(145deg,#08080a,#23070b 64%,#5b0810)}
.story-art-rec{background:linear-gradient(145deg,#ba0b17,#e31b23 58%,#7d050d)}
.story-art-hs{background:linear-gradient(145deg,#151518,#27272c 58%,#47070d)}
.art-kicker{
  font-family:"Barlow Condensed",sans-serif;
  font-size:11px!important;
  letter-spacing:.1em;
  font-weight:900;
  color:#fff!important;
  opacity:.82;
}
.story-art strong{
  font-family:"Barlow Condensed",sans-serif;
  font-size:34px;
  line-height:.86;
  text-transform:uppercase;
  font-style:italic;
  margin-top:8px;
  letter-spacing:-.01em;
}
.story-art strong em{color:#ff2632;font-style:italic}
.story-art-rec strong em{color:#111}
.story-art small{
  margin-top:10px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.8;
}

@media(max-width:560px){
  .latest-section .section-head{
    align-items:flex-start!important;
    gap:12px!important;
  }

  .latest-section .section-head>div{
    min-width:0;
    flex:1;
    align-items:flex-start!important;
  }

  .latest-section .section-head h2{
    font-size:25px!important;
    line-height:.95!important;
    max-width:235px;
  }

  .latest-section .section-head>a{
    flex:0 0 auto;
    max-width:92px;
    text-align:right;
    line-height:1.05;
    padding-top:2px;
  }

  .news-grid{
    gap:16px!important;
  }

  .news-card{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:168px;
  }

  .thumb{
    height:auto!important;
    min-height:168px;
  }

  .story-art{
    padding:16px 14px;
  }

  .story-art strong{
    font-size:26px!important;
  }

  .story-art small{
    font-size:8.5px!important;
  }

  .news-copy{
    padding:17px 16px!important;
  }

  .news-copy h3{
    font-size:21px!important;
    line-height:1!important;
    margin:8px 0!important;
  }

  .news-copy p{
    font-size:11.5px!important;
    line-height:1.42!important;
  }

  .meta{
    font-size:9px!important;
  }
}


/* Match the approved mobile newsroom mockup */
@media (max-width: 560px) {

  /* Header proportions */
  .header-main {
    height: 118px !important;
  }

  .brand img {
    width: 285px !important;
    height: 84px !important;
  }

  .menu-toggle span {
    width: 34px !important;
    height: 4px !important;
    margin: 6px 0 !important;
  }

  /* Breaking strip */
  .breaking-inner {
    min-height: 48px !important;
  }

  .breaking-badge {
    font-size: 12px !important;
    padding: 0 14px !important;
  }

  .breaking-headline {
    font-size: 11.5px !important;
    font-weight: 800 !important;
  }

  /* Straight From The Wire heading */
  .latest-section {
    padding-top: 42px !important;
    padding-bottom: 48px !important;
  }

  .latest-section .section-head {
    align-items: center !important;
    margin-bottom: 26px !important;
  }

  .latest-section .section-head > div {
    align-items: center !important;
    gap: 12px !important;
  }

  .latest-section .section-head h2 {
    font-size: 28px !important;
    line-height: .92 !important;
    max-width: 250px !important;
  }

  .latest-section .section-head > a {
    max-width: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    padding-top: 0 !important;
  }

  /* Story cards */
  .news-grid {
    gap: 14px !important;
  }

  .news-card {
    grid-template-columns: 43% 57% !important;
    min-height: 164px !important;
    border: 1px solid #d9d9de !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .thumb {
    min-height: 164px !important;
  }

  .story-art {
    padding: 16px 14px !important;
  }

  .story-art:before {
    background:
      linear-gradient(120deg, transparent 0 60%, rgba(227,27,35,.25) 61% 63%, transparent 64%),
      radial-gradient(circle at 82% 17%, rgba(255,255,255,.72) 0 2px, transparent 3px),
      radial-gradient(circle at 76% 21%, rgba(255,255,255,.42) 0 2px, transparent 3px) !important;
  }

  .story-art-cfb {
    background:
      linear-gradient(145deg,#050507 0%,#180307 62%,#39050b 100%) !important;
  }

  .story-art-rec {
    background:
      linear-gradient(145deg,#d70b18 0%,#ef1724 56%,#a20711 100%) !important;
  }

  .story-art-rec:before {
    background:
      linear-gradient(135deg, transparent 58%, rgba(255,255,255,.12) 59% 61%, transparent 62%),
      linear-gradient(45deg, transparent 66%, rgba(70,0,0,.15) 67% 69%, transparent 70%) !important;
  }

  .story-art-hs {
    background:
      radial-gradient(circle at 82% 20%,rgba(255,255,255,.8) 0 2px,transparent 3px),
      radial-gradient(circle at 78% 23%,rgba(255,255,255,.6) 0 2px,transparent 3px),
      linear-gradient(145deg,#09090b 0%,#17171b 68%,#260409 100%) !important;
  }

  .art-kicker {
    font-size: 9.5px !important;
    letter-spacing: .11em !important;
  }

  .story-art strong {
    font-size: 25px !important;
    line-height: .88 !important;
    margin-top: 7px !important;
  }

  .story-art small {
    font-size: 8px !important;
    margin-top: 9px !important;
  }

  .news-copy {
    padding: 16px 15px !important;
  }

  .meta {
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }

  .news-copy h3 {
    font-size: 20px !important;
    line-height: 1.02 !important;
    margin: 8px 0 9px !important;
  }

  .news-copy p {
    font-size: 11.2px !important;
    line-height: 1.38 !important;
    margin: 0 !important;
  }
}


/* Approved Saturday Wire editorial treatment */
.saturday-art{
  position:relative;
  min-height:315px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 75% 20%,rgba(255,255,255,.6) 0 2px,transparent 3px),
    radial-gradient(ellipse at 80% 23%,rgba(255,255,255,.45) 0 2px,transparent 3px),
    linear-gradient(110deg,#050506 0%,#120407 52%,#35070c 100%)!important;
  padding:30px!important;
  align-items:flex-start!important;
}
.saturday-art:before{
  content:"";
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(112deg,transparent 0 45px,rgba(227,27,35,.11) 46px 50px,transparent 51px 90px),
    linear-gradient(0deg,rgba(0,0,0,.15),transparent);
}
.saturday-art-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.saturday-art-copy small{font-family:"Barlow Condensed";font-size:20px;font-weight:900;font-style:italic;letter-spacing:.22em}
.saturday-art-copy strong{font-family:"Barlow Condensed";font-size:74px;line-height:.78;font-weight:900;font-style:italic}
.saturday-art-copy>span{font-family:"Barlow Condensed";font-size:18px;line-height:1.05;font-weight:800;font-style:italic;text-transform:uppercase;margin-top:18px;border-top:4px solid var(--red);padding-top:9px}
.saturday-art-copy em{color:var(--red);font-style:italic}
.saturday-art-copy b{margin-top:18px;background:var(--red);padding:10px 13px;font-family:"Barlow Condensed";font-size:14px}
.football-mark{
  position:absolute;z-index:1;right:8%;bottom:14%;width:150px;height:98px;
  border-radius:50%;transform:rotate(-15deg);
  background:linear-gradient(145deg,#7b3824,#35140d);
  border:3px solid #b7836c;
  box-shadow:0 15px 30px #0008;
}
.football-mark:before{content:"";position:absolute;left:50%;top:12%;bottom:12%;width:5px;background:#eee;transform:translateX(-50%)}
.football-mark:after{content:"";position:absolute;left:34%;right:34%;top:27%;height:46%;border-top:4px solid #eee;border-bottom:4px solid #eee}

.saturday-mini-grid{display:grid;gap:12px;margin-top:14px}
.saturday-mini{display:grid;grid-template-columns:210px 1fr 34px;align-items:stretch;border:1px solid #d9d9de;border-radius:7px;overflow:hidden;background:#fff}
.mini-art{min-height:125px;padding:20px;background:linear-gradient(145deg,#08080a,#26060a);display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}
.mini-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,rgba(227,27,35,.16) 61% 63%,transparent 64%)}
.mini-art small,.mini-art strong,.mini-art span{position:relative;z-index:2;font-family:"Barlow Condensed";font-weight:900;text-transform:uppercase}
.mini-art small{font-size:18px;font-style:italic}
.mini-art strong{font-size:29px;line-height:.9;color:var(--red);font-style:italic}
.mini-art span{font-size:11px;margin-top:12px}
.matchups:before{content:"SEC";position:absolute;right:13px;top:12px;width:45px;height:45px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-family:"Barlow Condensed";font-weight:900}
.mini-copy{padding:17px 20px}
.mini-copy>span{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.06em}
.mini-copy h3{font-family:"Barlow Condensed";font-size:22px;line-height:1;margin:6px 0}
.mini-copy p{font-size:12px;line-height:1.4;color:#666;margin:0}
.mini-arrow{display:grid;place-items:center;color:var(--red);font-size:40px}

@media(max-width:560px){
  .wire-feature>h2{font-size:44px!important;margin-bottom:18px!important}
  .saturday-feature{border-radius:7px!important;overflow:hidden!important}
  .saturday-art{min-height:245px!important;padding:24px!important}
  .saturday-art-copy small{font-size:15px!important}
  .saturday-art-copy strong{font-size:57px!important}
  .saturday-art-copy>span{font-size:14px!important;margin-top:14px!important}
  .saturday-art-copy b{font-size:11px!important;padding:8px 10px!important}
  .football-mark{width:112px;height:72px;right:6%;bottom:14%}
  .feature-copy{padding:23px!important}
  .feature-copy h3{font-size:30px!important}
  .feature-copy p{font-size:13px!important;line-height:1.5!important}
  .saturday-mini{grid-template-columns:42% 1fr 22px!important}
  .mini-art{min-height:126px!important;padding:14px!important}
  .mini-art small{font-size:14px!important}
  .mini-art strong{font-size:24px!important}
  .mini-art span{font-size:9px!important;margin-top:10px!important}
  .matchups:before{width:34px;height:34px;font-size:13px;right:8px;top:8px}
  .mini-copy{padding:13px 11px!important}
  .mini-copy>span{font-size:8px!important}
  .mini-copy h3{font-size:17px!important;line-height:1!important;margin:5px 0!important}
  .mini-copy p{font-size:9.5px!important;line-height:1.3!important}
  .mini-arrow{font-size:27px!important}
}


/* Final Saturday Wire hero: use approved designed artwork asset */
.saturday-art {
  background-image: url('/assets/saturday-wire-hero.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 315px !important;
}
.saturday-art:before,
.saturday-art:after {
  display: none !important;
}
.saturday-art-copy,
.football-mark {
  display: none !important;
}

@media (max-width: 560px) {
  .saturday-art {
    min-height: 245px !important;
    background-position: center center !important;
  }
}


/* Saturday Wire artwork fit fix: show the complete designed graphic */
.saturday-art {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #08080a !important;
  aspect-ratio: 1.95 / 1 !important;
  min-height: 0 !important;
}

@media (max-width: 560px) {
  .saturday-art {
    background-size: contain !important;
    background-position: center center !important;
    aspect-ratio: 1.95 / 1 !important;
    min-height: 0 !important;
  }
}


/* Weekend Matchups artwork upgrade — replace bland SEC circle with matchup energy */
.matchups{
  background:
    linear-gradient(115deg,transparent 0 55%,rgba(227,27,35,.16) 56% 58%,transparent 59%),
    repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.035) 23px 24px),
    linear-gradient(145deg,#08080a 0%,#180307 62%,#35060b 100%) !important;
}
.matchups:before{
  content:"";
  position:absolute;
  right:-20px;
  top:-18px;
  width:115px;
  height:115px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:
    0 0 0 18px rgba(255,255,255,.025),
    0 0 0 36px rgba(227,27,35,.025);
}
.matchup-vs{
  position:absolute;
  z-index:3;
  right:11px;
  top:10px;
  width:62px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  transform:rotate(-6deg);
}
.matchup-vs b{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#e31b23;
  color:#fff;
  border:2px solid #fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:15px;
  font-style:italic;
  font-weight:900;
  line-height:1;
  box-shadow:5px 5px 0 rgba(0,0,0,.28);
}
.matchup-vs i{
  display:block;
  width:12px;
  height:3px;
  background:#fff;
}
.matchups > small,
.matchups > strong,
.matchups > span{
  position:relative;
  z-index:4;
}
.matchups > strong{
  text-shadow:2px 2px 0 rgba(0,0,0,.28);
}

/* Retire the old SEC-circle treatment */
.matchups:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#e31b23 0 58%,transparent 58%);
}

@media(max-width:560px){
  .matchup-vs{
    width:48px;
    height:35px;
    right:7px;
    top:8px;
    gap:3px;
  }
  .matchup-vs b{
    width:28px;
    height:28px;
    font-size:12px;
  }
  .matchup-vs i{
    width:8px;
    height:2px;
  }
  .matchups:before{
    width:88px;
    height:88px;
    right:-19px;
    top:-18px;
  }
}

/* Clean Weekend Matchups: no badge, richer field/stadium texture */
.matchup-vs{display:none!important}
.matchups{
 background:
 radial-gradient(circle at 82% 18%,rgba(255,255,255,.28) 0 2px,transparent 3px),
 radial-gradient(circle at 76% 24%,rgba(255,255,255,.15) 0 2px,transparent 3px),
 linear-gradient(112deg,transparent 0 56%,rgba(227,27,35,.36) 57% 59%,transparent 60%),
 linear-gradient(112deg,transparent 0 69%,rgba(227,27,35,.15) 70% 72%,transparent 73%),
 repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.035) 25px 26px),
 linear-gradient(145deg,#070709,#170306 63%,#35060b)!important;
}
.matchups:before{content:"";position:absolute;right:-12%;top:5%;width:58%;height:90%;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.matchups:after{content:"";position:absolute;left:0;bottom:0;width:62%;height:4px;background:#e31b23}

/* Upgrade the existing Wire panel without changing page structure */
.live-wire{background:linear-gradient(145deg,#121216,#08080a)!important;border-radius:7px!important;overflow:hidden!important}
.live-wire-head{border-bottom:4px solid #e31b23!important}
.live-wire-head .live{color:#ef2430!important}
.live-item{position:relative!important;padding-left:40px!important}
.live-item:before{content:"";position:absolute;left:20px;top:27px;width:6px;height:6px;border-radius:50%;background:#ef2430}
.live-item time{color:#ef2430!important;font-weight:900!important}
.live-item strong{color:#fff!important}
.live-wire>a:last-child{display:flex!important;align-items:center!important;gap:8px!important;font-weight:900!important}
.live-wire>a:last-child:before{content:"⚡";color:#ef2430;font-size:18px}

@media(max-width:560px){
 .live-item{padding-left:38px!important}
 .live-item:before{left:18px!important}
}


/* Recruiting Wire editorial background upgrade */
.recruiting-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(203,5,19,.97) 0%,rgba(211,8,22,.94) 48%,rgba(170,0,14,.86) 100%),
    url('/assets/recruiting-wire-bg.jpg') center right / cover no-repeat !important;
}
.recruiting-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(115deg,transparent 0 62px,rgba(255,255,255,.035) 63px 65px,transparent 66px 110px),
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.12) 0 2px,transparent 3px);
  background-size:auto,22px 22px;
  pointer-events:none;
}
.recruiting-section:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-18%;
  width:62%;
  height:55%;
  border:1px solid rgba(255,255,255,.08);
  transform:skewX(-18deg);
  pointer-events:none;
}
.recruiting-grid{
  position:relative;
  z-index:2;
}
.recruiting-copy p{
  max-width:560px;
}
.recruit-board{
  background:rgba(12,12,15,.96)!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.recruit-row{
  position:relative;
}
.recruit-row:after{
  content:"›";
  color:#ef2430;
  font-size:28px;
  font-weight:900;
  margin-left:4px;
}

@media(max-width:560px){
  .recruiting-section{
    background:
      linear-gradient(180deg,rgba(205,4,18,.90) 0%,rgba(212,8,22,.94) 46%,rgba(191,2,17,.98) 100%),
      url('/assets/recruiting-wire-bg.jpg') 78% top / auto 52% no-repeat !important;
  }
  .recruiting-grid{
    padding-top:50px!important;
    padding-bottom:48px!important;
  }
  .recruiting-copy{
    padding-right:6px;
  }
  .recruiting-copy h2{
    font-size:48px!important;
    line-height:.88!important;
    margin-bottom:16px!important;
  }
  .recruiting-copy p{
    font-size:14px!important;
    line-height:1.5!important;
    max-width:330px!important;
  }
  .button-light{
    margin-top:14px!important;
  }
  .recruit-board{
    margin-top:8px;
  }
  .recruit-row{
    grid-template-columns:54px 1fr auto 14px!important;
    gap:10px!important;
    padding:17px 11px!important;
  }
  .recruit-row:after{
    font-size:23px!important;
  }
}


/* Recruiting Wire background correction:
   show the player/stadium art clearly, remove dots/ghosting, keep copy readable */
.recruiting-section{
  background:
    linear-gradient(
      90deg,
      rgba(188,0,16,.97) 0%,
      rgba(197,3,18,.94) 38%,
      rgba(181,0,15,.76) 58%,
      rgba(92,0,8,.34) 100%
    ),
    url('/assets/recruiting-wire-bg.jpg') right center / cover no-repeat !important;
}

.recruiting-section:before{
  content:none !important;
  display:none !important;
}

.recruiting-section:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  right:auto !important;
  bottom:auto !important;
  border:0 !important;
  transform:none !important;
  pointer-events:none !important;
  background:
    linear-gradient(115deg,transparent 0 70%,rgba(255,255,255,.045) 71% 72%,transparent 73%),
    linear-gradient(115deg,transparent 0 82%,rgba(227,27,35,.18) 83% 84%,transparent 85%) !important;
}

.recruiting-copy{
  position:relative;
  z-index:3;
  text-shadow:0 1px 8px rgba(0,0,0,.12);
}

.recruit-board{
  position:relative;
  z-index:3;
}

@media(max-width:560px){
  .recruiting-section{
    background:
      linear-gradient(
        90deg,
        rgba(190,0,16,.97) 0%,
        rgba(197,3,18,.95) 44%,
        rgba(166,0,14,.70) 66%,
        rgba(62,0,6,.24) 100%
      ),
      url('/assets/recruiting-wire-bg.jpg') 82% 12% / auto 58% no-repeat !important;
    background-color:#c90018 !important;
  }

  .recruiting-section:after{
    background:
      linear-gradient(118deg,transparent 0 76%,rgba(255,255,255,.04) 77% 78%,transparent 79%),
      linear-gradient(118deg,transparent 0 87%,rgba(227,27,35,.18) 88% 89%,transparent 90%) !important;
  }

  .recruiting-copy{
    padding-right:0 !important;
  }

  .recruiting-copy p{
    max-width:305px !important;
  }
}
