: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;
    }
}