:root{
    --blue:#0000FF;
    --red:#FF0000;
    --navy:#07101f;
    --ink:#111827;
    --muted:#667085;
    --paper:#f3f4f6;
    --card:#ffffff;
    --line:#d7dce4;
    --soft:#edf0f5;
    --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.bs-shell{width:min(var(--max),calc(100% - 26px));margin:0 auto}

/* Promo bar */
.bs-promo{background:#050505;color:#fff;border-bottom:1px solid #222}
.bs-promo-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px}
.bs-promo-inner strong{letter-spacing:.08em}
.bs-promo-inner a{color:#fff;font-weight:900}

/* Header */
.bs-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.bs-header-main{min-height:78px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:16px}
.bs-brand{display:flex;align-items:center}
.bs-brand img{height:64px;width:auto;max-width:175px;object-fit:contain}
.bs-main-nav{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
.bs-main-nav a{padding:11px 8px;border-radius:7px;font-size:10px;font-weight:900;white-space:nowrap;color:#273246}
.bs-main-nav a:hover,.bs-main-nav a.active{background:#eef0ff;color:var(--blue)}
.bs-header-actions{display:flex;align-items:center;gap:8px}
.bs-search-button{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:24px;font-weight:900;cursor:pointer}
.bs-signin{min-height:48px;min-width:188px;padding:0 18px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;background:var(--blue);color:#fff;font-size:12px;font-weight:1000;line-height:1.15;-webkit-text-stroke:.18px var(--red)}
.bs-signin:hover{box-shadow:inset 0 0 0 3px var(--red)}
.bs-menu-button{display:none;min-height:42px;border:0;border-radius:8px;background:var(--navy);color:#fff;padding:0 14px;font-weight:900}

/* Secondary topics */
.bs-topic-bar{background:var(--navy);color:#fff}
.bs-topic-inner{min-height:34px;display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}
.bs-topic-inner::-webkit-scrollbar{display:none}
.bs-topic-label{flex:none;padding-right:10px;color:#ff6f6f;font-size:8px;font-weight:1000;letter-spacing:.1em}
.bs-topic-inner a{flex:none;padding:7px 10px;font-size:9px;font-weight:850;color:#d8dfeb}
.bs-topic-inner a:hover{color:#fff;background:rgba(255,255,255,.08)}
.bs-mobile-nav{display:none;position:fixed;top:70px;left:10px;right:10px;z-index:150;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.bs-mobile-nav.open{display:block}
.bs-mobile-nav a{display:block;padding:12px;border-radius:8px;font-size:12px;font-weight:850}
.bs-mobile-nav a.active{background:#eef0ff;color:var(--blue)}

/* Homepage */
.bs-home{padding:22px 0 55px}
.bs-home-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}
.bs-eyebrow{font-size:9px;font-weight:1000;color:var(--red);letter-spacing:.12em}
.bs-home-title-row h1{margin:3px 0 0;font-family:Graduate,Rockwell,serif;font-size:26px}
.bs-home-title-actions{display:flex;gap:8px}
.bs-home-title-actions a{font-size:9px;font-weight:900;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff}

.bs-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bs-section-heading h2{margin:0;font-family:Graduate,Rockwell,serif;font-size:17px}
.bs-section-heading>a{font-size:9px;font-weight:900;color:var(--blue)}

.bs-top-stories{margin-bottom:24px}
.bs-top-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr) 270px;gap:12px}
.bs-lead-story,.bs-side-story,.bs-rail-box,.bs-mini-card,.bs-sidebar-box{background:#fff;border:1px solid var(--line)}
.bs-lead-story{border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:300px}
.bs-story-media{min-height:300px;display:flex;align-items:center;justify-content:center}
.bs-story-media.blue{background:radial-gradient(circle at 30% 20%,#3e50ff,transparent 35%),linear-gradient(140deg,#000099,#0000ff)}
.bs-story-media span{font-family:Graduate,Rockwell,serif;color:#fff;font-size:30px;transform:rotate(-4deg)}
.bs-story-body{padding:22px;display:flex;flex-direction:column;justify-content:center}
.bs-chip{display:inline-flex;align-self:flex-start;padding:5px 7px;border-radius:6px;background:#eef0ff;color:var(--blue);font-size:7px;font-weight:1000;letter-spacing:.08em}
.bs-story-body h2{margin:10px 0 8px;font-size:25px;line-height:1.05}
.bs-story-body p,.bs-side-story p,.bs-rail-box p,.bs-sidebar-box p{color:var(--muted);font-size:10px;line-height:1.55}
.bs-story-meta{margin-top:14px;font-size:8px;font-weight:800;color:#8a95a6}

.bs-side-stories{display:grid;grid-template-rows:1fr 1fr;gap:10px}
.bs-side-story{border-radius:10px;overflow:hidden;display:grid;grid-template-columns:105px 1fr}
.bs-story-thumb{display:flex;align-items:center;justify-content:center;min-height:135px}
.bs-story-thumb.red{background:linear-gradient(140deg,#9a0000,#ff0000)}
.bs-story-thumb.dark{background:linear-gradient(140deg,#07101f,#1f2c45)}
.bs-story-thumb span{color:#fff;font-size:8px;font-weight:1000;transform:rotate(-90deg)}
.bs-side-story>div:last-child{padding:14px}
.bs-side-story h3{margin:7px 0 4px;font-size:14px;line-height:1.1}
.bs-side-story p{margin:0}

.bs-rail{display:grid;grid-template-rows:1fr 1fr;gap:10px}
.bs-rail-box{border-radius:10px;padding:15px}
.bs-rail-title,.bs-sidebar-title{font-size:8px;font-weight:1000;letter-spacing:.08em;color:var(--red)}
.bs-rail-box h3{margin:8px 0 5px;font-size:16px}
.bs-primary-button,.bs-outline-button{min-height:36px;padding:0 12px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;font-size:9px;font-weight:1000}
.bs-primary-button{background:var(--blue);color:#fff}
.bs-outline-button{border:1px solid var(--line);background:#fff;color:var(--ink)}

.bs-blowing-up{margin:28px 0}
.bs-blowing-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bs-mini-card{min-height:95px;border-radius:9px;padding:13px}
.bs-mini-card strong{display:block;font-size:9px;color:var(--blue)}
.bs-mini-card:nth-child(even) strong{color:var(--red)}
.bs-mini-card span{display:block;margin-top:8px;font-size:10px;font-weight:750;line-height:1.35}

.bs-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.bs-feed{min-width:0}
.bs-feed-tabs{display:flex;gap:3px}
.bs-feed-tabs a{padding:7px 9px;border-radius:6px;font-size:8px;font-weight:900}
.bs-feed-tabs a.active{background:var(--navy);color:#fff}
.bs-feed-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;padding:13px 0;border-top:1px solid var(--line)}
.bs-feed-thumb{min-height:115px;border-radius:9px;background:linear-gradient(140deg,#172033,#0000d4);display:flex;align-items:center;justify-content:center}
.bs-feed-item:nth-of-type(even) .bs-feed-thumb{background:linear-gradient(140deg,#781111,#ff0000)}
.bs-feed-thumb span{font-family:Graduate,Rockwell,serif;color:#fff;font-size:15px}
.bs-feed-meta{font-size:7px;font-weight:1000;color:var(--red);letter-spacing:.08em}
.bs-feed-copy h3{margin:6px 0;font-size:18px;line-height:1.13}
.bs-feed-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.bs-feed-bottom{display:flex;justify-content:space-between;margin-top:12px;font-size:8px;font-weight:800;color:#8a95a6}
.bs-feed-bottom a{color:var(--blue)}

.bs-right-column{display:grid;align-content:start;gap:12px}
.bs-sidebar-box{border-radius:10px;padding:14px}
.bs-sport-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}
.bs-sport-links a{padding:9px 8px;border-radius:6px;background:#f2f4f7;font-size:9px;font-weight:850}
.bs-show-list{margin-top:8px}
.bs-show-list a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}
.bs-show-list span{color:var(--muted)}
.bs-full-link{display:block;margin-top:12px;font-size:9px;font-weight:900;color:var(--blue)}
.bs-local-box{border-top:4px solid var(--red)}
.bs-local-box h3{margin:8px 0 0;font-size:17px}

/* Generic page styling for existing site-v2 pages */
.bs-page-hero{padding:42px 0;background:linear-gradient(130deg,#07101f,#101d3a);color:#fff}
.bs-page-hero-grid{width:min(var(--max),calc(100% - 26px));margin:0 auto;display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center}
.bs-kicker{font-size:8px;font-weight:1000;color:#ff7777;letter-spacing:.12em;text-transform:uppercase}
.bs-page-title{margin:6px 0 8px;font-family:Graduate,Rockwell,serif;font-size:44px}
.bs-page-copy{margin:0;color:#c5cedb;font-size:12px;line-height:1.65}
.bs-hero-card{padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07)}
.bs-hero-card strong{font-family:Graduate,Rockwell,serif}
.bs-hero-card p{color:#bdc7d6;font-size:10px;line-height:1.5}
.bs-section{padding:45px 0}
.bs-section>.bs-wrap,.bs-section .bs-wrap{width:min(var(--max),calc(100% - 26px));margin:0 auto}
.bs-section-dark{background:var(--navy);color:#fff}
.bs-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}
.bs-title{margin:5px 0 0;font-family:Graduate,Rockwell,serif;font-size:28px}
.bs-sub{margin-top:6px;color:var(--muted);font-size:10px}
.bs-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.bs-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bs-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bs-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}
.bs-section-dark .bs-card{background:#101a2b;border-color:#283650}
.bs-card h3{margin:0;font-size:14px}
.bs-card p{color:var(--muted);font-size:10px;line-height:1.55}
.bs-tag{display:inline-flex;padding:5px 7px;border-radius:6px;background:#eef0ff;color:var(--blue);font-size:7px;font-weight:1000}
.bs-tag.red{background:#fff0f0;color:var(--red)}
.bs-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.bs-btn{min-height:36px;padding:0 12px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:1000;border:1px solid var(--line)}
.bs-btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}
.bs-btn-red{background:var(--red);border-color:var(--red);color:#fff}
.bs-btn-white{background:#fff;color:var(--ink)}
.bs-feature{padding:20px;border-radius:10px;background:var(--blue);color:#fff}
.bs-feature.red{background:var(--red)}
.bs-feature h2{font-family:Graduate,Rockwell,serif}
.bs-option{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px;font-weight:800}
.bs-empty{padding:20px;border:1px dashed var(--line);border-radius:9px;text-align:center;color:var(--muted);font-size:10px}

/* Footer */
.bs-footer{background:#05070c;color:#fff;padding:38px 0 20px}
.bs-footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,.6fr);gap:25px}
.bs-footer-about img{height:70px;width:auto}
.bs-footer p,.bs-footer a{font-size:9px;color:#9ba7b8;line-height:1.6}
.bs-footer a{display:block;margin:6px 0}
.bs-footer h4{font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.bs-footer-bottom{margin-top:25px;padding-top:14px;border-top:1px solid #252b36;color:#768196;font-size:8px}

/* Responsive */
@media(max-width:1120px){
    .bs-main-nav{display:none}
    .bs-menu-button{display:inline-flex;align-items:center}
    .bs-header-main{grid-template-columns:1fr auto}
    .bs-brand img{height:58px}
    .bs-top-grid{grid-template-columns:1.35fr .85fr}
    .bs-rail{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:780px){
    .bs-shell{width:calc(100% - 18px)}
    .bs-promo-inner>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .bs-search-button{display:none}
    .bs-signin{min-width:150px;font-size:10px;padding:0 10px}
    .bs-home-title-row{display:block}
    .bs-home-title-actions{margin-top:10px}
    .bs-top-grid{grid-template-columns:1fr}
    .bs-lead-story{grid-template-columns:1fr}
    .bs-story-media{min-height:190px}
    .bs-side-stories{grid-template-columns:1fr 1fr;grid-template-rows:none}
    .bs-rail{grid-template-columns:1fr 1fr}
    .bs-blowing-row{grid-template-columns:1fr 1fr}
    .bs-content-layout{grid-template-columns:1fr}
    .bs-right-column{grid-template-columns:1fr 1fr}
    .bs-page-hero-grid{grid-template-columns:1fr}
    .bs-grid-3,.bs-grid-4{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .bs-signin{display:none}
    .bs-header-main{min-height:68px}
    .bs-brand img{height:52px}
    .bs-side-stories,.bs-rail,.bs-blowing-row,.bs-right-column{grid-template-columns:1fr}
    .bs-feed-item{grid-template-columns:112px minmax(0,1fr);gap:10px}
    .bs-feed-thumb{min-height:90px}
    .bs-feed-copy h3{font-size:14px}
    .bs-grid-2,.bs-grid-3,.bs-grid-4{grid-template-columns:1fr}
    .bs-footer-grid{grid-template-columns:1fr 1fr}
    .bs-footer-about{grid-column:1/-1}
}


/* ==========================================================
   BUZZED SPORTS MEDIA NETWORK V5
   BIG + PROUD + READABLE ACROSS EVERY PUBLIC V2 PAGE
   ========================================================== */

/* DESKTOP */
@media(min-width:1121px){
    .bs-header-main{
        min-height:96px !important;
        grid-template-columns:245px minmax(0,1fr) auto !important;
        gap:16px !important;
    }
    .bs-brand{height:96px !important;overflow:hidden !important}
    .bs-brand img{
        height:94px !important;
        width:auto !important;
        max-width:240px !important;
        object-fit:contain !important;
    }
    .bs-main-nav a{
        padding:13px 9px !important;
        font-size:12px !important;
        font-weight:900 !important;
    }
    .bs-signin{
        min-height:56px !important;
        min-width:215px !important;
        padding:0 20px !important;
        font-size:14px !important;
    }
    .bs-topic-inner{min-height:40px !important}
    .bs-topic-inner a{font-size:10px !important;padding:9px 12px !important}

    .bs-home-title-row h1{font-size:36px !important}
    .bs-section-heading h2{font-size:23px !important}
    .bs-story-body h2{font-size:32px !important;line-height:1.08 !important}
    .bs-story-body p{font-size:14px !important;line-height:1.6 !important}
    .bs-side-story h3{font-size:18px !important;line-height:1.15 !important}
    .bs-side-story p,.bs-rail-box p,.bs-sidebar-box p{font-size:12px !important;line-height:1.55 !important}
    .bs-rail-box h3{font-size:20px !important}
    .bs-mini-card strong{font-size:11px !important}
    .bs-mini-card span{font-size:13px !important;line-height:1.45 !important}
    .bs-feed-item{
        grid-template-columns:220px minmax(0,1fr) !important;
        gap:20px !important;
        padding:20px 0 !important;
    }
    .bs-feed-thumb{min-height:150px !important}
    .bs-feed-copy h3{font-size:24px !important;line-height:1.15 !important}
    .bs-feed-copy p{font-size:13px !important;line-height:1.6 !important}
    .bs-sport-links a,.bs-show-list a{font-size:11px !important}
}

/* INNER PAGE HERO + CONTENT — SAME MEDIA SITE LANGUAGE */
.bs-page-hero{
    padding:50px 0 !important;
    background:
        radial-gradient(circle at 82% 15%,rgba(0,0,255,.30),transparent 30%),
        radial-gradient(circle at 14% 90%,rgba(255,0,0,.22),transparent 30%),
        linear-gradient(135deg,#070A13,#121A31) !important;
    color:#fff !important;
}
.bs-page-hero-grid{
    width:min(var(--max),calc(100% - 26px)) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1.15fr .85fr !important;
    gap:36px !important;
    align-items:center !important;
}
.bs-page-title{
    margin:8px 0 12px !important;
    font-family:Graduate,Rockwell,serif !important;
    font-size:56px !important;
    line-height:1 !important;
}
.bs-page-copy{
    margin:0 !important;
    max-width:780px !important;
    color:#D1D9E6 !important;
    font-size:16px !important;
    line-height:1.65 !important;
}
.bs-hero-card{padding:24px !important;border-radius:14px !important}
.bs-hero-card strong{font-size:22px !important}
.bs-hero-card p{font-size:14px !important;line-height:1.55 !important}

.bs-section{padding:56px 0 !important}
.bs-section-head{margin-bottom:22px !important}
.bs-title{font-size:34px !important}
.bs-sub{font-size:14px !important;line-height:1.6 !important}
.bs-card{padding:22px !important;border-radius:13px !important}
.bs-card h3{font-size:20px !important;line-height:1.2 !important}
.bs-card p{font-size:14px !important;line-height:1.6 !important}
.bs-tag{font-size:9px !important;padding:6px 8px !important}
.bs-btn{min-height:42px !important;padding:0 15px !important;font-size:11px !important}
.bs-feature{min-height:240px !important;padding:28px !important}
.bs-feature h2{font-size:31px !important}
.bs-feature p{font-size:14px !important;line-height:1.6 !important}
.bs-option{padding:13px !important;font-size:14px !important}
.bs-empty{padding:26px !important;font-size:14px !important}
.bs-grid-2,.bs-grid-3,.bs-grid-4{gap:18px !important}

/* MOBILE — LOGO + MENU, NO MUSHED HEADER */
@media(max-width:560px){
    .bs-promo{display:none !important}
    .bs-header{
        padding:0 !important;
        background:#fff !important;
        box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
    }
    .bs-header-main{
        min-height:76px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        padding:0 10px !important;
    }
    .bs-brand{
        height:76px !important;
        flex:1 !important;
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        overflow:hidden !important;
    }
    .bs-brand img{
        height:64px !important;
        width:auto !important;
        max-width:145px !important;
        object-fit:contain !important;
    }
    .bs-search-button,.bs-signin{display:none !important}
    .bs-menu-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:88px !important;
        min-height:48px !important;
        border-radius:8px !important;
        background:#0000FF !important;
        color:#fff !important;
        font-size:13px !important;
        font-weight:1000 !important;
    }
    .bs-topic-bar{display:none !important}
    .bs-mobile-nav{top:82px !important;left:10px !important;right:10px !important;padding:10px !important}
    .bs-mobile-nav a{
        padding:15px 13px !important;
        margin:2px 0 !important;
        font-size:14px !important;
        border-bottom:1px solid #EDF0F5 !important;
    }
    .bs-mobile-nav a:last-child{
        margin-top:8px !important;
        border:0 !important;
        border-radius:8px !important;
        background:#0000FF !important;
        color:#fff !important;
        text-align:center !important;
    }

    .bs-home{padding:24px 0 50px !important}
    .bs-home-title-row{margin-bottom:22px !important}
    .bs-home-title-row h1{font-size:31px !important;line-height:1.05 !important}
    .bs-section-heading{margin-bottom:15px !important}
    .bs-section-heading h2{font-size:21px !important}
    .bs-top-grid{grid-template-columns:1fr !important;gap:20px !important}
    .bs-lead-story{display:block !important;border-radius:13px !important}
    .bs-story-media{min-height:220px !important}
    .bs-story-media span{font-size:29px !important}
    .bs-story-body{padding:21px !important}
    .bs-story-body h2{font-size:26px !important}
    .bs-story-body p{font-size:15px !important}
    .bs-side-stories,.bs-rail,.bs-blowing-row,.bs-right-column{
        grid-template-columns:1fr !important;
        grid-template-rows:none !important;
        gap:17px !important;
    }
    .bs-side-story{grid-template-columns:112px minmax(0,1fr) !important;border-radius:12px !important}
    .bs-side-story h3{font-size:18px !important}
    .bs-side-story p{font-size:13px !important}
    .bs-rail-box{padding:19px !important;border-radius:12px !important}
    .bs-rail-box h3{font-size:21px !important}
    .bs-rail-box p{font-size:14px !important}
    .bs-blowing-up{margin:34px 0 !important}
    .bs-mini-card{min-height:108px !important;padding:18px !important;border-radius:11px !important}
    .bs-mini-card strong{font-size:11px !important}
    .bs-mini-card span{font-size:14px !important;line-height:1.5 !important}
    .bs-content-layout{grid-template-columns:1fr !important;gap:30px !important}
    .bs-feed-item{grid-template-columns:1fr !important;gap:13px !important;padding:21px 0 !important}
    .bs-feed-thumb{min-height:185px !important;border-radius:12px !important}
    .bs-feed-copy h3{font-size:23px !important}
    .bs-feed-copy p{font-size:15px !important}
    .bs-sidebar-box{padding:19px !important;border-radius:12px !important}

    .bs-page-hero{padding:38px 0 !important}
    .bs-page-hero-grid{grid-template-columns:1fr !important;gap:22px !important}
    .bs-page-title{font-size:38px !important}
    .bs-page-copy{font-size:16px !important}
    .bs-hero-card{padding:19px !important}
    .bs-hero-card strong{font-size:20px !important}
    .bs-hero-card p{font-size:14px !important}
    .bs-section{padding:42px 0 !important}
    .bs-title{font-size:28px !important}
    .bs-sub{font-size:14px !important}
    .bs-card{padding:19px !important}
    .bs-card h3{font-size:20px !important}
    .bs-card p{font-size:15px !important}
    .bs-grid-2,.bs-grid-3,.bs-grid-4{grid-template-columns:1fr !important;gap:16px !important}
}


/* ==========================================================
   BUZZED SPORTS V5.3 — COMPACT HEADER / BIG VISIBLE LOGO
   The logo artwork is now tightly cropped, so it can look much
   bigger without increasing the height of the white header.
   ========================================================== */

/* Desktop */
@media(min-width:1121px){
    .bs-header-main{
        min-height:96px !important;
        height:96px !important;
        grid-template-columns:250px minmax(0,1fr) auto !important;
        gap:16px !important;
    }

    .bs-brand{
        height:96px !important;
        min-height:96px !important;
        padding:2px 0 !important;
        overflow:visible !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

    .bs-brand img{
        height:92px !important;
        width:auto !important;
        max-width:245px !important;
        object-fit:contain !important;
        display:block !important;
    }
}

/* Tablet */
@media(max-width:1120px) and (min-width:681px){
    .bs-header-main{
        min-height:86px !important;
        height:86px !important;
        grid-template-columns:1fr auto !important;
    }

    .bs-brand{
        height:86px !important;
        min-height:86px !important;
    }

    .bs-brand img{
        height:80px !important;
        width:auto !important;
        max-width:215px !important;
    }
}

/* Mobile stays compact: logo + menu */
@media(max-width:680px){
    .bs-header-main{
        min-height:74px !important;
        height:74px !important;
        padding:0 10px !important;
    }

    .bs-brand{
        height:74px !important;
        min-height:74px !important;
    }

    .bs-brand img{
        height:66px !important;
        width:auto !important;
        max-width:170px !important;
    }
}

/* =========================================================
   THE BUZZ — FULL-WIDTH READABLE POST BARS
   ========================================================= */
.bs-section .bs-wrap > .bs-feed{
    display:grid;
    gap:16px;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-item{
    width:100%;
    grid-template-columns:260px minmax(0,1fr) !important;
    gap:0 !important;
    padding:0 !important;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 18px rgba(7,16,31,.06);
}

.bs-section .bs-wrap > .bs-feed .bs-feed-thumb{
    min-height:175px !important;
    height:100%;
    border-radius:0 !important;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-copy{
    min-width:0;
    padding:20px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-meta{
    font-size:11px !important;
    line-height:1.35;
    letter-spacing:.06em;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-copy h3{
    width:100%;
    max-width:none;
    margin:7px 0 9px;
    font-size:27px !important;
    line-height:1.15 !important;
    overflow-wrap:anywhere;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-copy p{
    width:100%;
    max-width:none;
    margin:0;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#4b5565;
    overflow-wrap:anywhere;
}

.bs-section .bs-wrap > .bs-feed .bs-feed-bottom{
    width:100%;
    margin-top:14px;
    font-size:12px !important;
    line-height:1.35;
}

@media (max-width:850px){
    .bs-section .bs-wrap > .bs-feed .bs-feed-item{
        grid-template-columns:1fr !important;
        border-radius:13px;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-thumb{
        min-height:210px !important;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-copy{
        padding:17px 18px 19px;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-meta{
        font-size:10px !important;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-copy h3{
        font-size:24px !important;
        line-height:1.16 !important;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-copy p{
        font-size:15px !important;
        line-height:1.55 !important;
    }

    .bs-section .bs-wrap > .bs-feed .bs-feed-bottom{
        font-size:11px !important;
    }
}



/* ==========================================================
   BUZZED SPORTS MOBILE HEADER — PROFESSIONAL PASS
   ========================================================== */

@media(max-width:700px){

    .bs-promo,
    .bs-topic-bar{
        display:none !important;
    }


    .bs-header{
        position:sticky !important;
        top:0 !important;
        z-index:1000 !important;

        padding:0 !important;

        background:#ffffff !important;

        box-shadow:
            0 1px 0 rgba(15,23,42,.08),
            0 4px 14px rgba(15,23,42,.05)
            !important;
    }


    .bs-header-main{
        width:100% !important;

        min-height:64px !important;
        height:64px !important;

        padding:0 13px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:12px !important;
    }


    .bs-brand{
        height:64px !important;

        flex:0 1 auto !important;

        display:flex !important;
        align-items:center !important;

        overflow:visible !important;
    }


    .bs-brand img{
        width:auto !important;
        height:50px !important;

        max-width:158px !important;

        object-fit:contain !important;
    }


    .bs-main-nav{
        display:none !important;
    }


    .bs-header-actions{
        margin-left:auto !important;

        display:flex !important;
        align-items:center !important;

        gap:8px !important;
    }


    .bs-search-button,
    .bs-signin{
        display:none !important;
    }


    .bs-menu-button{
        width:46px !important;
        min-width:46px !important;

        height:46px !important;
        min-height:46px !important;

        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        border:1px solid #dde2ea !important;
        border-radius:12px !important;

        background:#ffffff !important;

        color:#111827 !important;

        font-size:0 !important;

        box-shadow:
            0 2px 7px rgba(15,23,42,.06)
            !important;

        cursor:pointer !important;
    }


    .bs-menu-button::before{
        content:"☰";

        display:block;

        font-size:22px;
        line-height:1;

        font-weight:900;

        color:#111827;
    }


    .bs-menu-button:active{
        transform:scale(.97);
    }


    /*
    |----------------------------------------------------------
    | MOBILE MENU CARD
    |----------------------------------------------------------
    */

    .bs-mobile-nav{
        position:fixed !important;

        top:72px !important;
        left:11px !important;
        right:11px !important;

        z-index:1100 !important;

        max-height:
            calc(100vh - 84px) !important;

        padding:8px !important;

        overflow-y:auto !important;

        border:1px solid #dfe4ec !important;
        border-radius:16px !important;

        background:#ffffff !important;

        box-shadow:
            0 22px 60px rgba(15,23,42,.20)
            !important;
    }


    .bs-mobile-nav.open{
        display:block !important;
    }


    .bs-mobile-nav a{
        min-height:47px !important;

        margin:2px 0 !important;
        padding:0 14px !important;

        display:flex !important;
        align-items:center !important;

        border:0 !important;
        border-radius:10px !important;

        background:transparent !important;

        color:#1f2937 !important;

        font-size:14px !important;
        font-weight:800 !important;

        text-align:left !important;
    }


    .bs-mobile-nav a:hover{
        background:#f3f5f9 !important;
    }


    .bs-mobile-nav a.active{
        background:#eef0ff !important;

        color:#0000ff !important;
    }


    .bs-mobile-nav a[href="/sign-in/"]{
        margin-top:9px !important;

        justify-content:center !important;

        border:1px solid #dce1e8 !important;

        background:#f7f8fa !important;

        color:#111827 !important;
    }


    .bs-mobile-nav a[href="/register/"],
    .bs-mobile-nav a[href="/account/"]{
        margin-top:8px !important;

        justify-content:center !important;

        background:#0000ff !important;

        color:#ffffff !important;
    }

}




/* ==========================================================
   PUBLIC COMMUNITY CHAT — HIDDEN UNTIL LIVE
   ========================================================== */




/* ==========================================================
   PUBLIC LAUNCH — HIDE UNFINISHED COMMUNITY CHAT
   ========================================================== */





/* ========================================================================
   BUZZED SPORTS HOMEPAGE LIVE BET GIVEAWAY V1
   ======================================================================== */

.bs-live-now{
    margin:0 0 22px;
    padding:12px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    background:#0b0e14;
}

.bs-live-now-heading{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    font-size:12px;
}

.bs-live-now-heading strong{
    color:#fff;
    font-weight:1000;
}

.bs-live-now-heading>span:last-child{
    color:#9ca5b5;
    font-size:11px;
}

.bs-live-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ff0000;
    box-shadow:
        0 0 0 4px rgba(255,0,0,.13);
}

.bs-live-now-track{
    display:flex;
    gap:9px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:thin;
}

.bs-live-score-card{
    flex:0 0 190px;
    min-width:190px;
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:#151922;
}

.bs-live-race-card{
    flex-basis:290px;
    min-width:290px;
}

.bs-live-league{
    margin-bottom:6px;
    color:#7e82ff;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.08em;
}

.bs-live-teams{
    display:grid;
    gap:5px;
}

.bs-live-teams>div{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.bs-live-teams strong{
    font-size:13px;
}

.bs-live-teams b{
    font-size:15px;
}

.bs-live-matchup{
    display:block;
    font-size:13px;
    line-height:1.35;
}

.bs-live-detail{
    margin-top:7px;
    color:#ff7777;
    font-size:10px;
    font-weight:900;
}

.bs-nascar-top-five{
    display:grid;
    gap:3px;
    margin-top:9px;
    color:#cbd0da;
    font-size:10px;
}

.bs-nascar-top-five b{
    color:#fff;
}

.bs-home-community-features{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:16px;
    margin:25px 0;
}

.bs-home-bet-slip,
.bs-home-giveaways{
    padding:21px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:#11151d;
}

.bs-home-module-kicker{
    margin-bottom:7px;
    color:#787cff;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.08em;
}

.bs-home-bet-slip h2,
.bs-home-giveaways h2{
    margin:0 0 8px;
    font-size:22px;
}

.bs-home-bet-slip>p{
    margin:0 0 15px;
    color:#a9b0bc;
    line-height:1.5;
}

.bs-bet-picks{
    display:grid;
    gap:8px;
}

.bs-bet-pick{
    display:grid;
    grid-template-columns:
        auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:10px;
    border-radius:9px;
    background:#090c11;
}

.bs-bet-sport{
    color:#8185ff;
    font-size:9px;
    font-weight:1000;
}

.bs-bet-pick strong{
    font-size:12px;
}

.bs-bet-odds{
    font-size:11px;
    font-weight:900;
}

.bs-bet-pick small{
    grid-column:2/-1;
    color:#969eac;
    line-height:1.45;
}

.bs-bet-disclaimer{
    margin-top:13px;
    color:#7f8795;
    font-size:9px;
    line-height:1.45;
}

.bs-current-giveaway-list{
    display:grid;
    gap:8px;
    margin:13px 0 15px;
}

.bs-current-giveaway{
    padding:11px;
    border-radius:9px;
    background:#090c11;
}

.bs-current-giveaway strong,
.bs-current-giveaway span{
    display:block;
}

.bs-current-giveaway strong{
    font-size:13px;
}

.bs-current-giveaway span{
    margin-top:4px;
    color:#a7afbc;
    font-size:11px;
}

.bs-home-module-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 13px;
    border-radius:8px;
    background:#0000ff;
    color:#fff;
    font-size:11px;
    font-weight:1000;
    text-decoration:none;
}


@media(max-width:760px){

    .bs-home-community-features{
        grid-template-columns:1fr;
    }

    .bs-bet-pick{
        grid-template-columns:
            auto minmax(0,1fr);
    }

    .bs-bet-odds{
        grid-column:2;
    }

    .bs-bet-pick small{
        grid-column:1/-1;
    }
}



/* ========================================================================
   BUZZED SPORTS LIVE SCOREBOARD V2
   Centered • Larger • White text • Buzzed red league labels
   ======================================================================== */

.bs-live-now{
    width:100%;
    margin:0 auto 28px;
    padding:18px 16px;

    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;

    background:#0b0e14;
}


/* LIVE NOW heading */

.bs-live-now-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:9px;

    margin-bottom:15px;

    color:#ffffff;

    text-align:center;
}


.bs-live-now-heading strong{
    color:#ffffff;

    font-size:15px;
    font-weight:1000;

    letter-spacing:.06em;
}


.bs-live-now-heading>span:last-child{
    color:#ffffff;

    font-size:13px;
    font-weight:700;
}


.bs-live-dot{
    width:11px;
    height:11px;

    flex:0 0 11px;

    border-radius:50%;

    background:#ff0000;

    box-shadow:
        0 0 0 4px rgba(255,0,0,.15);
}


/* Score cards */

.bs-live-now-track{
    display:flex;

    justify-content:safe center;
    align-items:stretch;

    gap:14px;

    width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    padding:2px 2px 7px;

    scrollbar-width:thin;

    scroll-snap-type:x proximity;
}


.bs-live-score-card{
    flex:0 0 230px;

    min-width:230px;
    min-height:135px;

    padding:16px 17px;

    border:1px solid rgba(255,255,255,.13);
    border-radius:13px;

    background:#151922;

    color:#ffffff;

    scroll-snap-align:center;
}


/* MLB / NFL / NBA / NASCAR */

.bs-live-league{
    margin-bottom:10px;

    color:#ff0000;

    font-size:14px;
    line-height:1;

    font-weight:1000;

    letter-spacing:.08em;

    text-transform:uppercase;
}


/* Team names + scores */

.bs-live-teams{
    display:grid;

    gap:9px;
}


.bs-live-teams>div{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:16px;
}


.bs-live-teams strong{
    color:#ffffff;

    font-size:17px;
    line-height:1.2;

    font-weight:1000;
}


.bs-live-teams b{
    color:#ffffff;

    font-size:22px;
    line-height:1;

    font-weight:1000;
}


/* Inning / quarter / game clock */

.bs-live-detail{
    margin-top:12px;

    color:#ffffff;

    font-size:13px;
    line-height:1.25;

    font-weight:900;
}


/* NASCAR */

.bs-live-race-card{
    flex-basis:330px;

    min-width:330px;
}


.bs-live-matchup{
    display:block;

    color:#ffffff;

    font-size:16px;
    line-height:1.35;

    font-weight:1000;
}


.bs-nascar-top-five{
    display:grid;

    gap:5px;

    margin-top:12px;

    color:#ffffff;

    font-size:12px;
    line-height:1.35;
}


.bs-nascar-top-five b{
    color:#ffffff;

    font-size:13px;
}


.bs-nascar-top-five span{
    color:#ffffff;
}


/* Phones */

@media(max-width:760px){

    .bs-live-now{
        padding:15px 12px;
    }


    .bs-live-now-track{
        /*
         * When the cards become wider than the phone,
         * start naturally at the left so horizontal
         * scrolling never hides the first game.
         */
        justify-content:flex-start;

        gap:11px;
    }


    .bs-live-score-card{
        flex-basis:245px;

        min-width:245px;

        min-height:140px;

        padding:16px;
    }


    .bs-live-race-card{
        flex-basis:300px;

        min-width:300px;
    }


    .bs-live-league{
        font-size:14px;
    }


    .bs-live-teams strong{
        font-size:18px;
    }


    .bs-live-teams b{
        font-size:23px;
    }


    .bs-live-detail{
        font-size:13px;
    }
}




/* ========================================================================
   BUZZED SPORTS UP NEXT V1
   ======================================================================== */

.bs-upcoming-score-card{
    display:flex;
    flex-direction:column;
    justify-content:center;

    color:#ffffff;
}


.bs-upcoming-tag{
    width:max-content;

    margin-bottom:9px;

    padding:4px 7px;

    border:1px solid #ff0000;
    border-radius:999px;

    color:#ffffff;

    font-size:9px;
    font-weight:1000;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.bs-upcoming-matchup{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:6px;

    color:#ffffff;

    font-size:18px;
    line-height:1.25;

    font-weight:1000;
}


.bs-upcoming-matchup span{
    color:#ffffff;
    opacity:.65;
}


.bs-upcoming-start{
    margin-top:12px;

    color:#ffffff;

    font-size:24px;
    line-height:1;

    font-weight:1000;
}


.bs-upcoming-start span{
    margin-left:3px;

    color:#ffffff;

    font-size:11px;
    font-weight:900;
}




/* ========================================================================
   BUZZED SPORTS HOMEPAGE PICKEM PROMO V1
   ======================================================================== */

.bs-home-pickem-promo{
    position:relative;

    display:grid;
    grid-template-columns:
        minmax(0,1.5fr)
        minmax(240px,.8fr);

    align-items:center;

    gap:24px;

    width:100%;

    margin:0 auto 28px;

    padding:24px;

    overflow:hidden;

    border:2px solid #ff0000;
    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #090b11 0%,
            #151923 55%,
            #090b11 100%
        );

    color:#ffffff;

    text-decoration:none;

    box-shadow:
        0 12px 34px rgba(0,0,0,.24);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.bs-home-pickem-promo:hover{
    transform:translateY(-2px);

    border-color:#ff3333;

    box-shadow:
        0 16px 38px rgba(0,0,0,.32);
}


.bs-home-pickem-copy{
    min-width:0;
}


.bs-home-pickem-kicker{
    margin-bottom:8px;

    color:#ff0000;

    font-size:14px;
    font-weight:1000;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.bs-home-pickem-promo h2{
    margin:0;

    color:#ffffff;

    font-size:clamp(
        30px,
        4.6vw,
        54px
    );

    line-height:.98;

    font-weight:1000;
}


.bs-home-pickem-promo h2 span{
    display:block;

    margin-top:6px;

    color:#ffffff;
}


.bs-home-pickem-promo p{
    max-width:650px;

    margin:14px 0 16px;

    color:#ffffff;

    font-size:15px;
    line-height:1.5;

    font-weight:700;
}


.bs-home-pickem-sponsor{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:8px;

    margin-top:10px;
}


.bs-home-pickem-sponsor span{
    color:#ff0000;

    font-size:10px;
    font-weight:1000;

    letter-spacing:.08em;
}


.bs-home-pickem-sponsor strong{
    color:#ffffff;

    font-size:14px;
    font-weight:1000;
}


.bs-home-pickem-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:46px;

    margin-top:18px;

    padding:0 18px;

    border-radius:9px;

    background:#0000ff;

    color:#ffffff;

    font-size:13px;
    font-weight:1000;

    letter-spacing:.04em;
}


.bs-home-pickem-image{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:0;
}


.bs-home-pickem-image img{
    display:block;

    width:100%;
    max-width:320px;

    height:auto;

    border-radius:14px;

    box-shadow:
        0 8px 24px rgba(0,0,0,.30);
}


@media(max-width:820px){

    .bs-home-pickem-promo{
        grid-template-columns:1fr;

        padding:20px;
    }


    .bs-home-pickem-image{
        order:-1;
    }


    .bs-home-pickem-image img{
        max-width:260px;
    }


    .bs-home-pickem-copy{
        text-align:center;
    }


    .bs-home-pickem-sponsor{
        justify-content:center;
    }


    .bs-home-pickem-promo p{
        margin-left:auto;
        margin-right:auto;
    }
}


@media(max-width:520px){

    .bs-home-pickem-promo{
        padding:17px;

        border-radius:15px;
    }


    .bs-home-pickem-kicker{
        font-size:12px;
    }


    .bs-home-pickem-promo h2{
        font-size:34px;
    }


    .bs-home-pickem-promo p{
        font-size:14px;
    }


    .bs-home-pickem-image img{
        max-width:225px;
    }


    .bs-home-pickem-cta{
        width:100%;
    }
}


/* ========================================================================
   BUZZED SPORTS MOBILE + INSTALLED APP ACCOUNT HELP BAR
   ======================================================================== */

@media (max-width:700px) {

    .bs-promo {
        display:block !important;
        width:100% !important;
        background:#050505 !important;
        color:#ffffff !important;
        border-bottom:1px solid #222 !important;
    }

    .bs-global-promo-inner {
        width:100% !important;
        min-height:38px !important;
        padding:5px 8px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;
    }

    .bs-global-promo-tagline,
    .bs-global-promo-live {
        display:none !important;
    }

    .bs-global-promo-help {
        display:block !important;

        width:auto !important;
        margin:0 auto !important;
        padding:5px 8px !important;

        background:transparent !important;
        color:#ffffff !important;

        text-align:center !important;
        text-decoration:underline !important;
        text-underline-offset:3px !important;

        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:1000 !important;

        white-space:nowrap !important;
    }
}



/* BUZZED SPORTS SUBMIT LOCAL NEWS V1 */

.bs-submit-local-news {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    margin: 0 0 34px;
    padding: 28px 30px;
    background:
        linear-gradient(
            135deg,
            #070707 0%,
            #10131b 55%,
            #07125c 100%
        );
    border: 2px solid #0000ff;
    border-left: 7px solid #ff0000;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.bs-submit-local-news::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -90px;
    top: -110px;
    border-radius: 50%;
    background: rgba(0,0,255,.22);
    pointer-events: none;
}

.bs-submit-local-news-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.bs-submit-local-news-kicker {
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
}

.bs-submit-local-news h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1;
    font-weight: 900;
}

.bs-submit-local-news h2 span {
    display: block;
    margin-top: 5px;
    color: #ffffff;
}

.bs-submit-local-news p {
    max-width: 760px;
    margin: 14px 0 10px;
    color: #d9dfeb;
    font-size: 15px;
    line-height: 1.6;
}

.bs-submit-local-news-schools {
    color: #9da9bc;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.bs-submit-local-news-action {
    position: relative;
    z-index: 1;
}

.bs-submit-local-news-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 9px;
    background: #0000ff;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .04em;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(0,0,255,.28);
    transition:
        transform .15s ease,
        background .15s ease;
}

.bs-submit-local-news-action a:hover {
    background: #ff0000;
    transform: translateY(-2px);
}

@media (max-width: 760px) {

    .bs-submit-local-news {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 24px 20px;
    }

    .bs-submit-local-news-action,
    .bs-submit-local-news-action a {
        width: 100%;
    }

    .bs-submit-local-news-action a {
        min-height: 56px;
    }

}



/* BUZZED SPORTS SUBMIT LOCAL NEWS V2 */

.bs-submit-local-news {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 34px;

    margin: 4px 0 38px;
    padding: 34px 34px 30px;

    background:
        radial-gradient(
            circle at 92% 20%,
            rgba(0,0,255,.55),
            transparent 32%
        ),
        linear-gradient(
            115deg,
            #030303 0%,
            #090909 50%,
            #05092c 100%
        );

    border: 3px solid #0000ff;
    border-left: 10px solid #ff0000;
    border-radius: 18px;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.05),
        0 16px 45px rgba(0,0,0,.28),
        0 0 28px rgba(0,0,255,.22);
}

.bs-submit-local-news::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,0,0,.10),
            transparent 28%
        );
}

.bs-submit-local-news-alert {
    position: absolute;
    top: 0;
    left: 0;

    padding: 7px 16px;

    background: #ff0000;
    color: #ffffff;

    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .12em;

    border-radius: 0 0 10px 0;
}

.bs-submit-local-news-copy {
    position: relative;
    z-index: 2;
    padding-top: 12px;
}

.bs-submit-local-news-kicker {
    display: inline-block;

    margin-bottom: 11px;
    padding: 6px 10px;

    background: rgba(0,0,255,.22);
    border: 1px solid rgba(90,110,255,.65);
    border-radius: 6px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
}

.bs-submit-local-news h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(29px,4vw,48px);
    line-height: .98;

    font-weight: 1000;
    letter-spacing: -.025em;
}

.bs-submit-local-news h2 span {
    display: block;

    margin-top: 7px;

    color: #ffffff;

    text-shadow:
        0 0 18px rgba(0,0,255,.45);
}

.bs-submit-local-news p {
    max-width: 760px;

    margin: 17px 0 13px;

    color: #e2e7f1;

    font-size: 16px;
    line-height: 1.62;
}

.bs-submit-local-news p strong {
    color: #ffffff;
}

.bs-submit-local-news-schools {
    color: #aeb8cb;

    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
}

.bs-submit-local-news-action {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 9px;

    min-width: 225px;
}

.bs-submit-local-news-action a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    min-height: 62px;
    padding: 0 26px;

    background:
        linear-gradient(
            135deg,
            #0000ff,
            #1717ff
        );

    border: 2px solid #ffffff;
    border-radius: 10px;

    color: #ffffff;
    text-decoration: none;

    font-size: 15px;
    font-weight: 1000;
    letter-spacing: .045em;

    box-shadow:
        0 9px 28px rgba(0,0,255,.4);

    transition:
        transform .15s ease,
        background .15s ease,
        box-shadow .15s ease;
}

.bs-submit-local-news-action a span {
    font-size: 25px;
    line-height: 1;
}

.bs-submit-local-news-action a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #ff0000,
            #d90000
        );

    box-shadow:
        0 12px 32px rgba(255,0,0,.35);
}

/* LOCAL NEWS COUNTY MESSAGE V2 */
.bs-submit-local-news-action small {
    display:block;

    margin-top:9px;

    padding:0 4px;

    text-align:center;

    color:#ffffff;

    font-size:21px;
    line-height:1.08;

    font-weight:1000;

    letter-spacing:.035em;

    text-transform:uppercase;

    text-shadow:
        0 2px 10px
        rgba(0,0,0,.85);
}

@media (max-width:760px) {

    .bs-submit-local-news {
        grid-template-columns: 1fr;
        gap: 22px;

        padding:
            42px 20px
            24px;
    }

    .bs-submit-local-news h2 {
        font-size: 30px;
    }

    .bs-submit-local-news-action {
        width: 100%;
        min-width: 0;
    }

    .bs-submit-local-news-action a {
        width: 100%;
        min-height: 60px;
    }

}



@media (max-width:760px) {

    .bs-submit-local-news-action small {
        margin-top:8px;

        font-size:18px;
        line-height:1.12;
    }

}


/* SUBMIT LOCAL NEWS HOMEPAGE VISUAL V3 */

.bs-submit-local-news {
    background:
        linear-gradient(
            118deg,
            #0000ff 0%,
            #0000c7 30%,
            #09096e 56%,
            #9a0022 78%,
            #ff0000 100%
        )
        !important;

    border:
        3px solid
        #ffffff
        !important;

    border-left:
        10px solid
        #ff0000
        !important;

    box-shadow:
        0 0 0 3px #0000ff,
        0 18px 46px rgba(0,0,255,.28),
        0 14px 34px rgba(255,0,0,.18)
        !important;
}


/*
 * Light sports/broadcast pattern instead of
 * the old mostly-black background.
 */

.bs-submit-local-news::before {
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.065) 0,
            rgba(255,255,255,.065) 8px,
            transparent 8px,
            transparent 22px
        )
        !important;

    opacity:1 !important;
}


.bs-submit-local-news-alert {
    background:#ff0000 !important;

    color:#ffffff !important;

    border-right:
        2px solid
        #ffffff
        !important;

    border-bottom:
        2px solid
        #ffffff
        !important;

    box-shadow:
        3px 3px 0
        rgba(0,0,0,.20)
        !important;
}


.bs-submit-local-news-kicker {
    background:
        rgba(0,0,0,.22)
        !important;

    border:
        1px solid
        rgba(255,255,255,.85)
        !important;

    color:#ffffff !important;
}


.bs-submit-local-news h2 {
    color:#ffffff !important;

    text-shadow:
        0 3px 12px
        rgba(0,0,0,.45)
        !important;
}


.bs-submit-local-news h2 span {
    color:#ffffff !important;

    text-shadow:
        0 3px 15px
        rgba(0,0,0,.55)
        !important;
}


.bs-submit-local-news p {
    color:#ffffff !important;
}


.bs-submit-local-news-schools {
    color:#ffffff !important;

    opacity:.92;
}


/*
 * White button stands out against the new
 * blue/red Local News background.
 */

.bs-submit-local-news-action a {
    background:
        #ffffff
        !important;

    color:
        #0000cc
        !important;

    border:
        3px solid
        #ffffff
        !important;

    box-shadow:
        0 10px 24px
        rgba(0,0,0,.28)
        !important;
}


.bs-submit-local-news-action a:hover {
    background:
        #ff0000
        !important;

    color:
        #ffffff
        !important;

    border-color:
        #ffffff
        !important;
}


.bs-submit-local-news-action small {
    color:#ffffff !important;

    text-shadow:
        0 2px 8px
        rgba(0,0,0,.55)
        !important;
}


@media(max-width:760px) {

    .bs-submit-local-news {
        background:
            linear-gradient(
                155deg,
                #0000ff 0%,
                #090982 55%,
                #d00018 100%
            )
            !important;
    }

}



/* SUBMIT LOCAL NEWS HOMEPAGE VISUAL V4 */

/*
 * Professional sports-news treatment:
 * dark navy rather than black,
 * restrained red accent,
 * soft blue broadcast glow.
 */

.bs-submit-local-news {
    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(0,80,255,.30) 0,
            rgba(0,80,255,0) 38%
        ),
        radial-gradient(
            circle at 92% 90%,
            rgba(255,0,0,.16) 0,
            rgba(255,0,0,0) 34%
        ),
        linear-gradient(
            135deg,
            #0b1628 0%,
            #10233d 48%,
            #0b1728 100%
        )
        !important;

    border:
        1px solid
        rgba(255,255,255,.18)
        !important;

    border-left:
        6px solid
        #ff0000
        !important;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.28),
        inset 0 1px 0
        rgba(255,255,255,.08)
        !important;
}


/*
 * Very subtle texture, not a loud pattern.
 */

.bs-submit-local-news::before {
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.025) 0%,
            rgba(255,255,255,0) 30%,
            rgba(0,102,255,.045) 70%,
            rgba(255,255,255,0) 100%
        )
        !important;

    opacity:1 !important;
}


.bs-submit-local-news::after {
    content:"";

    position:absolute;

    top:0;
    right:0;

    width:42%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #0000ff,
            #ff0000
        );

    pointer-events:none;
}


.bs-submit-local-news-alert {
    background:
        rgba(255,0,0,.92)
        !important;

    color:#ffffff !important;

    border:0 !important;

    border-radius:3px !important;

    box-shadow:
        0 5px 15px
        rgba(255,0,0,.22)
        !important;
}


.bs-submit-local-news-kicker {
    background:
        rgba(255,255,255,.07)
        !important;

    color:
        #dfe9ff
        !important;

    border:
        1px solid
        rgba(255,255,255,.18)
        !important;

    border-radius:4px !important;

    box-shadow:none !important;
}


.bs-submit-local-news h2 {
    color:
        #ffffff
        !important;

    text-shadow:
        0 2px 8px
        rgba(0,0,0,.25)
        !important;
}


.bs-submit-local-news h2 span {
    color:
        #ffffff
        !important;

    text-shadow:none !important;
}


.bs-submit-local-news p {
    color:
        #d9e3f3
        !important;
}


.bs-submit-local-news-schools {
    color:
        #bfcce0
        !important;

    opacity:1 !important;
}


/*
 * Cleaner newsroom CTA.
 */

.bs-submit-local-news-action a {
    background:
        #ffffff
        !important;

    color:
        #091b36
        !important;

    border:
        1px solid
        rgba(255,255,255,.9)
        !important;

    border-radius:
        4px
        !important;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.22)
        !important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease
        !important;
}


.bs-submit-local-news-action a:hover {
    background:
        #f4f7fb
        !important;

    color:
        #0000cc
        !important;

    border-color:
        #ffffff
        !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 11px 26px
        rgba(0,0,0,.26)
        !important;
}


.bs-submit-local-news-action small {
    color:
        #ffffff
        !important;

    text-shadow:
        0 1px 5px
        rgba(0,0,0,.35)
        !important;
}


@media(max-width:760px) {

    .bs-submit-local-news {
        background:
            radial-gradient(
                circle at 15% 10%,
                rgba(0,80,255,.30) 0,
                rgba(0,80,255,0) 38%
            ),
            linear-gradient(
                160deg,
                #0b1628 0%,
                #10233d 55%,
                #0b1728 100%
            )
            !important;
    }

}



/* LOCAL NEWS BELOW SCORES PLACEMENT V1 */

.bs-local-news-after-scores {
    margin-top:18px;
    margin-bottom:20px;
}


.bs-local-news-after-scores
.bs-submit-local-news {
    margin-top:0 !important;
    margin-bottom:0 !important;
}


@media(max-width:760px) {

    .bs-local-news-after-scores {
        margin-top:12px;
        margin-bottom:16px;
    }

}



/* HOMEPAGE NEWSROOM ARTICLES V1 */

.bs-home-newsroom {
    margin-top:34px;
    margin-bottom:28px;
}


.bs-home-newsroom-grid {
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;
}


.bs-home-newsroom-card {
    overflow:hidden;

    background:#0e1827;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:8px;

    box-shadow:
        0 10px 28px
        rgba(0,0,0,.16);
}


.bs-home-newsroom-image {
    display:flex;

    width:100%;
    aspect-ratio:16 / 9;

    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #10284e,
            #07111f
        );

    background-size:cover;
    background-position:center;

    color:#ffffff;

    text-decoration:none;

    font-size:12px;
    font-weight:900;

    letter-spacing:.08em;
}


.bs-home-newsroom-copy {
    padding:15px;
}


.bs-home-newsroom-type {
    margin-bottom:7px;

    color:#5f8fff;

    font-size:10px;
    font-weight:900;

    letter-spacing:.08em;
}


.bs-home-newsroom-copy h3 {
    margin:0 0 8px;

    font-size:19px;
    line-height:1.2;
}


.bs-home-newsroom-copy h3 a {
    color:#ffffff;

    text-decoration:none;
}


.bs-home-newsroom-copy h3 a:hover {
    text-decoration:underline;
}


.bs-home-newsroom-copy p {
    margin:0;

    color:#c7d0df;

    font-size:13px;
    line-height:1.5;
}


.bs-home-newsroom-meta {
    display:flex;

    flex-wrap:wrap;

    gap:5px 10px;

    margin-top:12px;

    color:#8896aa;

    font-size:10px;
    font-weight:700;
}


@media(max-width:900px) {

    .bs-home-newsroom-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:620px) {

    .bs-home-newsroom {
        margin-top:24px;
    }


    .bs-home-newsroom-grid {
        grid-template-columns:
            1fr;

        gap:12px;
    }


    .bs-home-newsroom-copy h3 {
        font-size:18px;
    }

}



/* HOMEPAGE TWO COLUMN BUZZ + NEWSROOM V1 */


/*
|--------------------------------------------------------------------------
| WHAT'S BUZZING — TWO BOXES ACROSS
|--------------------------------------------------------------------------
*/

.bs-feed {
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
        !important;

    gap:16px !important;

    align-content:start;
}


.bs-feed
.bs-section-heading {
    grid-column:
        1 / -1;

    margin-bottom:0 !important;
}


.bs-feed
.bs-empty {
    grid-column:
        1 / -1;
}


.bs-feed-item {
    min-width:0 !important;

    display:flex !important;

    flex-direction:column !important;

    overflow:hidden !important;

    margin:0 !important;

    background:
        #101a29
        !important;

    border:
        1px solid
        rgba(255,255,255,.11)
        !important;

    border-radius:
        8px
        !important;

    box-shadow:
        0 9px 24px
        rgba(0,0,0,.17)
        !important;
}


.bs-feed-item:hover {
    border-color:
        rgba(64,112,255,.48)
        !important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.24)
        !important;
}


.bs-feed-item
.bs-feed-thumb {
    width:100% !important;

    min-width:0 !important;

    height:auto !important;

    aspect-ratio:
        16 / 9;

    display:flex !important;

    align-items:center;
    justify-content:center;

    background-size:
        cover
        !important;

    background-position:
        center
        !important;

    border-radius:
        0
        !important;
}


.bs-feed-item
.bs-feed-copy {
    width:100% !important;

    padding:
        15px
        !important;
}


.bs-feed-item
.bs-feed-copy h3 {
    margin-top:5px !important;

    font-size:
        20px
        !important;

    line-height:
        1.2
        !important;
}


.bs-feed-item
.bs-feed-copy p {
    font-size:
        13px
        !important;

    line-height:
        1.5
        !important;
}


.bs-feed-item
.bs-feed-bottom {
    margin-top:
        14px
        !important;

    padding-top:
        10px
        !important;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}


/*
|--------------------------------------------------------------------------
| NEWSROOM — TWO BOXES ACROSS
|--------------------------------------------------------------------------
*/

.bs-home-newsroom {
    margin-top:
        34px;

    margin-bottom:
        28px;
}


.bs-home-newsroom-grid {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        16px;
}


.bs-home-newsroom-card {
    min-width:0;

    overflow:hidden;

    display:grid;

    grid-template-columns:
        190px
        minmax(0,1fr);

    background:
        #0e1827;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        8px;

    box-shadow:
        0 9px 24px
        rgba(0,0,0,.16);
}


.bs-home-newsroom-image {
    min-height:
        190px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #10284e,
            #07111f
        );

    background-size:
        cover;

    background-position:
        center;

    color:
        #ffffff;

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .08em;
}


.bs-home-newsroom-copy {
    padding:
        15px;
}


.bs-home-newsroom-type {
    margin-bottom:
        7px;

    color:
        #6d98ff;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        .08em;
}


.bs-home-newsroom-copy h3 {
    margin:
        0 0 8px;

    font-size:
        18px;

    line-height:
        1.2;
}


.bs-home-newsroom-copy h3 a {
    color:
        #ffffff;

    text-decoration:
        none;
}


.bs-home-newsroom-copy h3 a:hover {
    text-decoration:
        underline;
}


.bs-home-newsroom-copy p {
    margin:
        0;

    color:
        #c7d0df;

    font-size:
        12px;

    line-height:
        1.45;
}


.bs-home-newsroom-meta {
    display:flex;

    flex-wrap:wrap;

    gap:
        5px 10px;

    margin-top:
        11px;

    color:
        #8996a8;

    font-size:
        10px;

    font-weight:
        700;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1050px) {

    .bs-home-newsroom-card {
        grid-template-columns:
            1fr;
    }


    .bs-home-newsroom-image {
        min-height:0;

        aspect-ratio:
            16 / 9;
    }

}


@media(max-width:760px) {

    .bs-feed {
        grid-template-columns:
            1fr
            !important;

        gap:
            12px
            !important;
    }


    .bs-feed-item
    .bs-feed-copy h3 {
        font-size:
            19px
            !important;
    }


    .bs-home-newsroom-grid {
        grid-template-columns:
            1fr;

        gap:
            12px;
    }


    .bs-home-newsroom-card {
        grid-template-columns:
            1fr;
    }


    .bs-home-newsroom-image {
        aspect-ratio:
            16 / 9;
    }

}



/* HOMEPAGE WHITE 3D CARDS V1 */

/*
|--------------------------------------------------------------------------
| WHAT'S BUZZING — WHITE RAISED CARDS
|--------------------------------------------------------------------------
*/

.bs-feed-item {
    background:#ffffff !important;
    border:1px solid #d6dce5 !important;
    border-radius:10px !important;
    box-shadow:
        0 2px 0 rgba(255,255,255,.95) inset,
        0 -1px 0 rgba(0,0,0,.04) inset,
        0 10px 24px rgba(0,0,0,.12),
        0 3px 8px rgba(0,0,0,.08) !important;
    overflow:hidden !important;
}

.bs-feed-item:hover {
    transform:translateY(-2px);
    box-shadow:
        0 2px 0 rgba(255,255,255,.95) inset,
        0 -1px 0 rgba(0,0,0,.04) inset,
        0 16px 30px rgba(0,0,0,.16),
        0 5px 14px rgba(0,0,0,.10) !important;
    border-color:#bfc8d8 !important;
}

.bs-feed-item .bs-feed-copy {
    background:#ffffff !important;
    color:#111111 !important;
}

.bs-feed-item .bs-feed-copy h3,
.bs-feed-item .bs-feed-copy h3 a {
    color:#111111 !important;
}

.bs-feed-item .bs-feed-copy p {
    color:#3d4652 !important;
}

.bs-feed-item .bs-feed-meta,
.bs-feed-item .bs-feed-bottom,
.bs-feed-item .bs-feed-bottom a,
.bs-feed-item .bs-feed-copy .bs-meta,
.bs-feed-item .bs-feed-copy .bs-meta a {
    color:#5e6a78 !important;
}

.bs-feed-item .bs-feed-bottom {
    border-top:1px solid #e8edf3 !important;
}

.bs-feed-item .bs-feed-tag,
.bs-feed-item .bs-feed-type {
    background:#eef3ff !important;
    color:#173a8a !important;
    border:1px solid #d7e2ff !important;
    border-radius:999px !important;
    padding:4px 8px !important;
}


/*
|--------------------------------------------------------------------------
| NEWSROOM — WHITE RAISED CARDS
|--------------------------------------------------------------------------
*/

.bs-home-newsroom-card {
    background:#ffffff !important;
    border:1px solid #d6dce5 !important;
    border-radius:10px !important;
    box-shadow:
        0 2px 0 rgba(255,255,255,.95) inset,
        0 -1px 0 rgba(0,0,0,.04) inset,
        0 10px 24px rgba(0,0,0,.12),
        0 3px 8px rgba(0,0,0,.08) !important;
    overflow:hidden !important;
}

.bs-home-newsroom-card:hover {
    transform:translateY(-2px);
    box-shadow:
        0 2px 0 rgba(255,255,255,.95) inset,
        0 -1px 0 rgba(0,0,0,.04) inset,
        0 16px 30px rgba(0,0,0,.16),
        0 5px 14px rgba(0,0,0,.10) !important;
    border-color:#bfc8d8 !important;
}

.bs-home-newsroom-copy {
    background:#ffffff !important;
    color:#111111 !important;
}

.bs-home-newsroom-type {
    color:#1f4bb5 !important;
}

.bs-home-newsroom-copy h3,
.bs-home-newsroom-copy h3 a {
    color:#111111 !important;
}

.bs-home-newsroom-copy p {
    color:#3d4652 !important;
}

.bs-home-newsroom-meta {
    color:#5e6a78 !important;
}


/*
|--------------------------------------------------------------------------
| SECTION HEADINGS / GENERAL CLEANUP
|--------------------------------------------------------------------------
*/

.bs-feed .bs-section-heading,
.bs-home-newsroom .bs-section-heading {
    background:transparent !important;
}

.bs-feed .bs-section-heading h2,
.bs-home-newsroom .bs-section-heading h2 {
    color:#111111 !important;
}

.bs-feed .bs-section-heading a,
.bs-home-newsroom .bs-section-heading a {
    color:#173a8a !important;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width:760px) {
    .bs-feed-item,
    .bs-home-newsroom-card {
        border-radius:8px !important;
    }
}