/*
Theme Name: The Business Spotlight
Theme URI: https://thebusinessspotlight.co.uk/
Author: The Business Spotlight
Description: Responsive editorial/business magazine theme based on The Business Spotlight website design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-business-spotlight
*/




*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

 .bizgrow-page{
    font-family:Arial, Helvetica, sans-serif;
    color:#111827;
    background:#fff;
    line-height:1.5;
}

a{
    text-decoration:none;
    color:inherit;
}

.container{
    max-width:1440px;
    margin:auto;
}

/* ==============================
TOP BAR
============================== */

.topbar{
    background:#111827;
    color:#fff;
    height:38px;
    display:flex;
    align-items:center;
}

.topbar-inner{
    max-width:1440px;
    margin:auto;
    width:100%;
    display:flex;
    justify-content:space-between;
    font-size:12px;
}

.top-links{
    display:flex;
    gap:25px;
}

.top-links a:hover{
    color:#ef4444;
}

/* ==============================
HEADER
============================== */

header{
    background:#fff;
}

.header-main{
    height:105px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo{
    font-size:37px;
    font-weight:900;
    letter-spacing:-2px;
}

.logo span{
    color:#e11d48;
}

/* Original-style wordmark, custom-created for The Business Spotlight */
.bizgrow-page .business-spotlight-logo{display:flex;align-items:center;gap:9px;font-size:inherit;letter-spacing:0;line-height:.95;white-space:nowrap}
.bizgrow-page .logo-mark{display:inline-flex;flex:0 0 auto;width:39px;height:39px}
.bizgrow-page .logo-mark svg{display:block;width:100%;height:100%}
.bizgrow-page .logo-words{display:flex;flex-direction:column;gap:2px;font-size:clamp(17px,1.9vw,25px);font-weight:900;letter-spacing:-1px}
.bizgrow-page .logo-business{color:#111827!important}
.bizgrow-page .logo-spotlight{color:#e11d48!important}

.logo-description{
    margin-left:18px;
    padding-left:18px;
    border-left:1px solid #d1d5db;
    color:#6b7280;
    font-size:13px;
}

.brand{
    display:flex;
    align-items:center;
}

.header-actions{
    display:flex;
    gap:12px;
    align-items:center;
}

.search{
    width:240px;
    height:40px;
    border:1px solid #d1d5db;
    display:flex;
    align-items:center;
    padding:0 15px;
    color:#9ca3af;
    font-size:13px;
}

.subscribe{
    background:#e11d48;
    color:#fff;
    padding:12px 20px;
    font-size:12px;
    font-weight:bold;
}

/* ==============================
NAVIGATION
============================== */

.navigation{
    height:53px;
    border-top:1px solid #eee;
    border-bottom:1px solid #d1d5db;
}

.nav{
    height:100%;
    display:flex;
    align-items:center;
}

.nav-item{
    height:100%;
    padding:0 18px;
    display:flex;
    align-items:center;
    font-size:13px;
    font-weight:800;
    position:relative;
}

.nav-item:hover{
    background:#f3f4f6;
}

.nav-item.arrow:after{
    content:"▼";
    font-size:7px;
    margin-left:7px;
    color:#6b7280;
}

/* MEGA MENU */

.mega{
    position:absolute;
    top:53px;
    left:0;
    width:100vw;
    background:#fff;
    border-top:3px solid #e11d48;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
    padding:35px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.2s;
    z-index:999;
}

.nav-item:hover .mega{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mega-inner{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:45px;
}

.mega h3{
    font-size:12px;
    color:#e11d48;
    text-transform:uppercase;
    margin-bottom:15px;
    letter-spacing:1px;
}

.mega a{
    display:block;
    padding:7px 0;
    border-bottom:1px solid #f1f1f1;
    font-size:14px;
    color:#374151;
}

.mega a:hover{
    color:#e11d48;
}

/* ==============================
BREAKING / NEWS BAR
============================== */

.newsbar{
    background:#f9fafb;
    border-bottom:1px solid #e5e7eb;
}

.newsbar-inner{
    height:43px;
    display:flex;
    align-items:center;
    gap:20px;
}

.news-label{
    background:#e11d48;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:6px 12px;
}

.newsbar p{
    font-size:13px;
    color:#4b5563;
}

/* ==============================
HERO
============================== */

.hero{
    margin-top:30px;
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:25px;
}

.hero-main{
    min-height:480px;
    background:
    linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.75)
    ),
    url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1500&q=85");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:flex-end;
    padding:45px;
    color:white;
}

.hero-content{
    max-width:780px;
}

.tag{
    display:inline-block;
    background:#e11d48;
    color:#fff;
    font-size:10px;
    font-weight:800;
    padding:7px 11px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.hero h1{
    font-size:50px;
    line-height:1.02;
    letter-spacing:-1.5px;
    margin-bottom:15px;
}

.hero p{
    font-size:17px;
    color:#e5e7eb;
    max-width:680px;
}

/* SIDE STORIES */

.side-news{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:25px;
}

.side-card{
    min-height:227px;
    padding:28px;
    display:flex;
    align-items:flex-end;
    color:#fff;
    background-size:cover;
    background-position:center;
}

.side-card:nth-child(1){
    background:
    linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),
    url("https://images.unsplash.com/photo-1556761175-4b46a572b786?auto=format&fit=crop&w=900&q=80");
}

.side-card:nth-child(2){
    background:
    linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),
    url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=80");
}

.side-card h2{
    font-size:23px;
    line-height:1.15;
}

/* ==============================
SECTION
============================== */

.section{
    margin-top:65px;
}

.section-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:3px solid #111827;
    margin-bottom:25px;
}

.section-heading h2{
    font-size:27px;
    padding-bottom:10px;
}

.view-all{
    color:#e11d48;
    font-size:12px;
    font-weight:bold;
}

/* ==============================
ARTICLE GRID
============================== */

.article-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.article-image{
    height:190px;
    background-size:cover;
    background-position:center;
}

.article-content{
    padding:17px 0 25px;
}

.category{
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    color:#e11d48;
}

.article h3{
    font-size:20px;
    line-height:1.25;
    margin:8px 0;
}

.article p{
    font-size:13px;
    color:#6b7280;
}

/* ==============================
EDITOR'S PICKS
============================== */

.editors{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:25px;
}

.editor-large{
    min-height:390px;
    padding:30px;
    color:white;
    display:flex;
    align-items:flex-end;

    background:
    linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.8)),
    url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1000&q=85");

    background-size:cover;
}

.editor-large h3{
    font-size:29px;
    line-height:1.15;
}

.editor-small{
    border:1px solid #e5e7eb;
}

.editor-small-image{
    height:175px;
    background-size:cover;
    background-position:center;
}

.editor-small-content{
    padding:20px;
}

.editor-small h3{
    font-size:19px;
    margin-top:8px;
}

/* ==============================
BUSINESS TOPICS
============================== */

.topic-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.topic{
    border:1px solid #e5e7eb;
    padding:27px;
    min-height:170px;
}

.topic:hover{
    border-color:#e11d48;
}

.topic-number{
    color:#e11d48;
    font-weight:bold;
    font-size:12px;
}

.topic h3{
    margin:10px 0;
    font-size:21px;
}

.topic p{
    color:#6b7280;
    font-size:13px;
}

/* ==============================
THE BUSINESS SPOTLIGHT 100
============================== */

.biz100{
    margin-top:70px;
    background:#111827;
    color:#fff;
    padding:60px;
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:60px;
    align-items:center;
}

.biz100 h2{
    font-size:43px;
    line-height:1.05;
    margin:12px 0;
}

.biz100 p{
    color:#cbd5e1;
    max-width:650px;
}

.red-button{
    display:inline-block;
    margin-top:23px;
    background:#e11d48;
    color:#fff;
    padding:13px 22px;
    font-size:12px;
    font-weight:bold;
}

.ranking{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.rank{
    border:1px solid #374151;
    padding:20px;
}

.rank strong{
    display:block;
    color:#fb7185;
    font-size:28px;
}

.rank span{
    color:#d1d5db;
    font-size:12px;
}

/* ==============================
PODCAST
============================== */

.podcast{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    background:#f8fafc;
}

.podcast-image{
    min-height:330px;
    background:
    linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.3)),
    url("https://images.unsplash.com/photo-1590602847861-f357a9332bbc?auto=format&fit=crop&w=1000&q=85");
    background-size:cover;
    background-position:center;
}

.podcast-content{
    padding:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.podcast-content h2{
    font-size:36px;
    line-height:1.1;
    margin:12px 0;
}

.podcast-content p{
    color:#6b7280;
}

/* ==============================
RESEARCH
============================== */

.research{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.report{
    border:1px solid #e5e7eb;
    padding:28px;
}

.report-label{
    color:#e11d48;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
}

.report h3{
    font-size:21px;
    margin:10px 0;
}

.report p{
    font-size:13px;
    color:#6b7280;
}

/* ==============================
EVENTS
============================== */

.events{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.event{
    border:1px solid #e5e7eb;
}

.event-image{
    height:180px;
    background-size:cover;
    background-position:center;
}

.event-content{
    padding:22px;
}

.event-date{
    color:#e11d48;
    font-size:11px;
    font-weight:bold;
}

.event h3{
    margin:8px 0;
    font-size:20px;
}

.event p{
    font-size:13px;
    color:#6b7280;
}

/* ==============================
FOR BUSINESSES
============================== */

.business-box{
    background:#f3f4f6;
    padding:55px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
}

.business-box h2{
    font-size:38px;
    line-height:1.1;
}

.business-box p{
    color:#6b7280;
    margin-top:15px;
}

.business-options{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.business-option{
    background:#fff;
    padding:20px;
    border:1px solid #e5e7eb;
}

.business-option strong{
    display:block;
    margin-bottom:5px;
}

.business-option span{
    font-size:12px;
    color:#6b7280;
}

/* ==============================
AUTHORITY MESSAGE
============================== */

.authority{
    text-align:center;
    padding:80px 100px;
}

.authority-label{
    color:#e11d48;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}

.authority h2{
    max-width:900px;
    margin:15px auto;
    font-size:42px;
    line-height:1.1;
}

.authority p{
    max-width:760px;
    margin:auto;
    color:#6b7280;
}

/* ==============================
NEWSLETTER
============================== */

.newsletter{
    background:#e11d48;
    color:#fff;
    padding:50px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.newsletter h2{
    font-size:30px;
}

.newsletter p{
    color:#ffe4e6;
    font-size:13px;
    margin-top:5px;
}

.newsletter-form{
    display:flex;
}

.newsletter-form input{
    width:300px;
    height:45px;
    border:0;
    padding:0 15px;
}

.newsletter-form button{
    height:45px;
    border:0;
    background:#111827;
    color:#fff;
    padding:0 22px;
    font-weight:bold;
}

/* ==============================
FOOTER
============================== */

footer{
    margin-top:70px;
    background:#111827;
    color:#fff;
    padding:60px 0 25px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr repeat(4,1fr);
    gap:50px;
}

.footer-logo{
    font-size:28px;
    font-weight:900;
}

.footer-logo span{
    color:#e11d48;
}
.bizgrow-page .business-spotlight-footer{display:flex;align-items:center;gap:10px;font-size:inherit;line-height:1;letter-spacing:-.5px}
.bizgrow-page .footer-logo-mark{display:inline-flex;flex:0 0 auto;width:37px;height:37px}
.bizgrow-page .footer-logo-mark svg{display:block;width:100%;height:100%}
.bizgrow-page .footer-logo-words{display:flex;flex-direction:column;gap:3px;font-size:21px;font-weight:900;letter-spacing:-.6px}
.bizgrow-page .footer-logo-words span{color:#fff}
.bizgrow-page .footer-logo-words strong{color:#e11d48;font-weight:900}

.footer-description{
    color:#9ca3af;
    font-size:13px;
    margin-top:15px;
    max-width:330px;
}

footer h4{
    font-size:12px;
    margin-bottom:16px;
}

footer a{
    display:block;
    color:#9ca3af;
    font-size:12px;
    margin:9px 0;
}

footer a:hover{
    color:#fff;
}

.copyright{
    border-top:1px solid #374151;
    margin-top:45px;
    padding-top:20px;
    color:#6b7280;
    font-size:11px;
}

/* ==============================
RESPONSIVE
============================== */

@media(max-width:1100px){

    .container,
    .topbar-inner,
    .header-main,
    .nav,
    .newsbar-inner{
        margin-left:20px;
        margin-right:20px;
    }

    .article-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .hero{
        grid-template-columns:1fr;
    }

    .editors{
        grid-template-columns:1fr 1fr;
    }

    .topic-grid,
    .research,
    .events{
        grid-template-columns:1fr 1fr;
    }

    .services{
        grid-template-columns:1fr 1fr;
    }

}



/* WordPress-friendly responsive improvements */
.bizgrow-page { width:100%; overflow:hidden; }
.bizgrow-page img { max-width:100%; height:auto; }
.bizgrow-page .container, .bizgrow-page .topbar-inner { width:100%; padding-left:clamp(14px, 3vw, 32px); padding-right:clamp(14px, 3vw, 32px); }
.bizgrow-page .header-main { gap:18px; }
.bizgrow-page .logo { font-size:clamp(25px, 3vw, 37px); }
.bizgrow-page .logo-description { font-size:12px; }
.bizgrow-page .nav { overflow-x:auto; overflow-y:visible; white-space:nowrap; scrollbar-width:thin; }
.bizgrow-page .nav-item { flex:0 0 auto; padding-left:clamp(10px, 1.3vw, 18px); padding-right:clamp(10px, 1.3vw, 18px); }
.bizgrow-page .mega { max-width:100vw; }
.bizgrow-page .hero-main { min-width:0; }
.bizgrow-page .newsletter { gap:24px; flex-wrap:wrap; }
.bizgrow-page .newsletter-form { max-width:100%; }
.bizgrow-page .newsletter-form input { min-width:0; max-width:100%; }
.bizgrow-page .footer-grid { grid-template-columns:2fr repeat(4,minmax(0,1fr)); }
.bizgrow-page a, .bizgrow-page button { -webkit-tap-highlight-color:transparent; }
@media (max-width:1100px) {
 .bizgrow-page .header-main { height:auto; min-height:95px; flex-wrap:wrap; padding-top:18px; padding-bottom:18px; }
 .bizgrow-page .brand { flex-wrap:wrap; gap:10px; }
 .bizgrow-page .logo-description { margin-left:0; padding-left:12px; }
 .bizgrow-page .header-actions { margin-left:auto; }
 .bizgrow-page .search { width:190px; }
 .bizgrow-page .hero { grid-template-columns:1fr; }
 .bizgrow-page .hero-main { min-height:420px; }
 .bizgrow-page .side-news { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
 .bizgrow-page .side-card { min-height:220px; }
 .bizgrow-page .editors { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bizgrow-page .editor-large { grid-column:1 / -1; }
 .bizgrow-page .topic-grid, .bizgrow-page .research, .bizgrow-page .events { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bizgrow-page .biz100 { padding:clamp(24px,5vw,50px); gap:30px; }
 .bizgrow-page .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
 .bizgrow-page .authority { padding:60px 30px; }
}
@media (max-width:767px) {
 .bizgrow-page .topbar { height:auto; min-height:38px; padding:8px 0; }
 .bizgrow-page .topbar-inner { gap:8px; flex-wrap:wrap; font-size:11px; }
 .bizgrow-page .top-links { gap:12px; flex-wrap:wrap; }
 .bizgrow-page .header-main { display:flex; align-items:flex-start; }
 .bizgrow-page .brand { display:block; min-width:0; }
 .bizgrow-page .logo { letter-spacing:-1px; overflow-wrap:anywhere; }
 .bizgrow-page .logo-words { font-size:clamp(16px,4.6vw,22px); }
 .bizgrow-page .logo-mark { width:34px;height:34px; }
 .bizgrow-page .logo-description { border-left:0; padding-left:0; margin-top:4px; }
 .bizgrow-page .header-actions { width:100%; margin:8px 0 0; }
 .bizgrow-page .search { flex:1; width:auto; min-width:0; }
 .bizgrow-page .subscribe { padding:12px 14px; white-space:nowrap; }
 .bizgrow-page .navigation { height:auto; }
 .bizgrow-page .nav { margin:0; padding-top:4px; padding-bottom:4px; min-height:48px; }
 .bizgrow-page .nav-item { min-height:44px; font-size:11px; }
 .bizgrow-page .mega { display:none; }
 .bizgrow-page .newsbar-inner { height:auto; min-height:43px; padding-top:8px; padding-bottom:8px; gap:10px; align-items:flex-start; }
 .bizgrow-page .newsbar p { font-size:12px; }
 .bizgrow-page .hero { margin-top:18px; gap:16px; }
 .bizgrow-page .hero-main { min-height:360px; padding:24px; }
 .bizgrow-page .hero h1 { font-size:clamp(30px,8vw,42px); letter-spacing:-1px; }
 .bizgrow-page .hero p { font-size:15px; }
 .bizgrow-page .side-news { grid-template-columns:1fr; gap:16px; }
 .bizgrow-page .side-card { min-height:210px; padding:22px; }
 .bizgrow-page .section { margin-top:42px; }
 .bizgrow-page .section-heading { gap:12px; align-items:flex-end; }
 .bizgrow-page .section-heading h2 { font-size:23px; }
 .bizgrow-page .view-all { font-size:10px; text-align:right; }
 .bizgrow-page .article-grid, .bizgrow-page .editors, .bizgrow-page .topic-grid, .bizgrow-page .research, .bizgrow-page .events { grid-template-columns:1fr; gap:18px; }
 .bizgrow-page .editor-large { grid-column:auto; min-height:300px; }
 .bizgrow-page .article-image { height:220px; }
 .bizgrow-page .biz100 { margin-top:42px; grid-template-columns:1fr; padding:28px 20px; }
 .bizgrow-page .biz100 h2 { font-size:34px; }
 .bizgrow-page .ranking { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bizgrow-page .podcast { grid-template-columns:1fr; }
 .bizgrow-page .podcast-image { min-height:230px; }
 .bizgrow-page .podcast-content { padding:28px 22px; }
 .bizgrow-page .podcast-content h2 { font-size:29px; }
 .bizgrow-page .business-box { grid-template-columns:1fr; padding:28px 20px; gap:25px; }
 .bizgrow-page .business-box h2 { font-size:31px; }
 .bizgrow-page .business-options { grid-template-columns:1fr; }
 .bizgrow-page .authority { padding:48px 10px; }
 .bizgrow-page .authority h2 { font-size:30px; }
 .bizgrow-page .newsletter { padding:28px 20px; align-items:stretch; }
 .bizgrow-page .newsletter h2 { font-size:26px; }
 .bizgrow-page .newsletter-form { width:100%; }
 .bizgrow-page .newsletter-form input { width:100%; flex:1; }
 .bizgrow-page .newsletter-form button { padding:0 14px; font-size:11px; }
 .bizgrow-page footer { margin-top:42px; padding:42px 0 20px; }
 .bizgrow-page .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
 .bizgrow-page .footer-grid > div:first-child { grid-column:1 / -1; }
 .bizgrow-page .copyright { margin-top:30px; }
}
@media (max-width:380px) {
 .bizgrow-page .footer-grid { grid-template-columns:1fr 1fr; }
 .bizgrow-page .top-links { gap:8px; }
 .bizgrow-page .ranking { gap:8px; }
 .bizgrow-page .rank { padding:14px; }
}



/* =====================================================
   DISTINCT MOBILE EXPERIENCE — THE BUSINESS SPOTLIGHT
   Desktop keeps the full editorial layout above 767px.
   Mobile gets a compact header, horizontal category rail,
   tighter story cards and thumb-friendly spacing.
===================================================== */
@media (max-width: 767px) {
  .bizgrow-page { font-size: 14px; }
  .bizgrow-page .topbar-inner { justify-content:center; text-align:center; }
  .bizgrow-page .top-links { display:none; }
  .bizgrow-page header { border-bottom: 3px solid #e11d48; }
  .bizgrow-page .header-main {
    min-height: 0;
    padding-top: 15px;
    padding-bottom: 14px;
    gap: 10px;
    align-items:center;
  }
  .bizgrow-page .brand { flex: 1 1 100%; display:flex; align-items:center; }
  .bizgrow-page .business-spotlight-logo { gap: 7px; }
  .bizgrow-page .logo-mark { width: 32px; height: 32px; }
  .bizgrow-page .logo-words { font-size: clamp(16px, 5vw, 21px); letter-spacing: -.7px; }
  .bizgrow-page .logo-description { display:none; }
  .bizgrow-page .header-actions { width:100%; margin:0; display:flex; justify-content:space-between; gap:8px; }
  .bizgrow-page .search { display:none; }
  .bizgrow-page .subscribe { display:inline-flex; justify-content:center; align-items:center; min-height:40px; flex:1; padding:10px 12px; font-size:11px; letter-spacing:.5px; }
  .bizgrow-page .navigation { border-top:0; border-bottom:1px solid #e5e7eb; background:#f8fafc; }
  .bizgrow-page .nav { min-height:48px; padding:4px 12px; gap:4px; }
  .bizgrow-page .nav-item { min-height:38px; padding:0 13px; border-radius:4px; font-size:10px; letter-spacing:.3px; }
  .bizgrow-page .nav-item:first-child { background:#e11d48; color:#fff; }
  .bizgrow-page .nav-item:hover { background:#fee2e2; color:#111827; }
  .bizgrow-page .nav-item:first-child:hover { background:#be123c; color:#fff; }
  .bizgrow-page .newsbar { border-bottom:1px solid #e5e7eb; }
  .bizgrow-page .newsbar-inner { margin:0; padding:10px 14px; display:flex; align-items:center; }
  .bizgrow-page .news-label { flex:0 0 auto; }
  .bizgrow-page .hero { margin:16px 14px 0; gap:12px; }
  .bizgrow-page .hero-main { min-height:330px; padding:22px 20px; border-radius:6px; }
  .bizgrow-page .hero-content { max-width:100%; }
  .bizgrow-page .hero h1 { font-size:clamp(29px, 8vw, 38px); line-height:1.05; }
  .bizgrow-page .hero p { max-width:34ch; font-size:14px; line-height:1.6; }
  .bizgrow-page .side-news { display:grid; grid-template-columns:1fr; gap:10px; }
  .bizgrow-page .side-card { min-height:150px; padding:18px; border-radius:5px; }
  .bizgrow-page .section { margin:34px 14px 0; }
  .bizgrow-page .section-heading { padding-bottom:11px; border-bottom:2px solid #111827; }
  .bizgrow-page .section-heading h2 { font-size:22px; line-height:1.1; }
  .bizgrow-page .article-grid { display:grid; grid-template-columns:1fr; gap:0; }
  .bizgrow-page .article { display:grid; grid-template-columns:112px minmax(0,1fr); gap:13px; padding:14px 0; border-bottom:1px solid #e5e7eb; align-items:start; }
  .bizgrow-page .article-image { width:112px; height:100px; min-height:100px; border-radius:4px; }
  .bizgrow-page .article-content { min-width:0; padding:0; }
  .bizgrow-page .article-content h3 { font-size:15px; line-height:1.3; margin:5px 0 7px; }
  .bizgrow-page .article-content p { font-size:12px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .bizgrow-page .editors { gap:12px; }
  .bizgrow-page .editor-large { min-height:260px; }
  .bizgrow-page .topic-grid, .bizgrow-page .research, .bizgrow-page .events { gap:10px; }
  .bizgrow-page .topic { padding:16px; }
  .bizgrow-page .ranking { gap:8px; }
  .bizgrow-page .rank { min-width:0; padding:12px 9px; }
  .bizgrow-page .newsletter { margin:34px 14px 0; border-radius:6px; gap:16px; }
  .bizgrow-page .newsletter-form { display:flex; width:100%; }
  .bizgrow-page .newsletter-form input { width:0; flex:1 1 auto; min-height:44px; }
  .bizgrow-page .newsletter-form button { min-height:44px; }
  .bizgrow-page footer { margin-top:36px; }
  .bizgrow-page .footer-grid { grid-template-columns:1fr 1fr; }
  .bizgrow-page .footer-grid > div:first-child { grid-column:1 / -1; padding-bottom:8px; border-bottom:1px solid #374151; }
  .bizgrow-page .footer-logo-words { font-size:19px; }
  .bizgrow-page .copyright { line-height:1.6; }
}
@media (max-width: 420px) {
  .bizgrow-page .article { grid-template-columns:94px minmax(0,1fr); gap:10px; }
  .bizgrow-page .article-image { width:94px; height:90px; min-height:90px; }
  .bizgrow-page .article-content h3 { font-size:14px; }
  .bizgrow-page .article-content p { -webkit-line-clamp:2; }
  .bizgrow-page .footer-grid { gap:22px 14px; }
  .bizgrow-page .hero-main { min-height:300px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .bizgrow-page .header-main { gap:16px; }
  .bizgrow-page .brand { flex-wrap:nowrap; }
  .bizgrow-page .logo-description { max-width:135px; }
  .bizgrow-page .search { width:160px; }
  .bizgrow-page .nav-item { padding-left:10px; padding-right:10px; font-size:11px; }
  .bizgrow-page .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bizgrow-page .footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}


/* FINAL MOBILE LAYOUT FIX: centered logo + no right-side page gap */
@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .bizgrow-page {
    width:100%; max-width:100%; margin:0; overflow-x:clip;
  }
  .bizgrow-page .container,
  .bizgrow-page .topbar-inner,
  .bizgrow-page .header-main,
  .bizgrow-page .nav,
  .bizgrow-page .newsbar-inner {
    width:100%; max-width:100%;
    margin-left:0 !important; margin-right:0 !important;
    box-sizing:border-box;
  }
  .bizgrow-page .container,
  .bizgrow-page .topbar-inner,
  .bizgrow-page .header-main { padding-left:16px; padding-right:16px; }

  /* Put the logo in the center at the very start of the mobile header. */
  .bizgrow-page .header-main {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:12px; padding-top:16px; padding-bottom:14px;
  }
  .bizgrow-page .brand {
    display:flex; flex:0 0 auto; width:100%; min-width:0;
    justify-content:center; align-items:center; text-align:center;
  }
  .bizgrow-page .business-spotlight-logo {
    display:flex; justify-content:center; align-items:center;
    width:max-content; max-width:100%; margin:0 auto; white-space:nowrap;
  }
  .bizgrow-page .logo-words { font-size:clamp(17px, 5vw, 21px); }
  .bizgrow-page .header-actions {
    display:flex; width:100%; margin:0; gap:8px; justify-content:center;
  }
  .bizgrow-page .subscribe { flex:1; max-width:260px; }

  /* Categories stay in one swipeable row without widening the page. */
  .bizgrow-page .navigation { width:100%; max-width:100%; overflow:hidden; }
  .bizgrow-page .nav {
    display:flex; flex-wrap:nowrap; justify-content:flex-start;
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    padding:4px 12px; gap:4px;
  }
  .bizgrow-page .nav::-webkit-scrollbar { display:none; }
  .bizgrow-page .nav-item { flex:0 0 auto; }
  .bizgrow-page .newsbar-inner { padding-left:14px; padding-right:14px; }
  .bizgrow-page .hero,
  .bizgrow-page .section,
  .bizgrow-page .newsletter { margin-left:14px; margin-right:14px; }
  .bizgrow-page .hero { width:auto; }
  .bizgrow-page .section { width:auto; }
  .bizgrow-page .newsletter { width:auto; }
  .bizgrow-page img, .bizgrow-page video, .bizgrow-page iframe { max-width:100%; }
}


/* FINAL WIDTH + EQUAL SIDE MARGINS FIX (desktop, tablet and mobile) */
html, body { max-width:100%; }
*, *::before, *::after { box-sizing:border-box; }
.bizgrow-page {
  width:100%; max-width:100%; min-width:0; margin-left:auto; margin-right:auto;
  overflow-x:clip;
}
.bizgrow-page img, .bizgrow-page video, .bizgrow-page iframe { max-width:100%; }
.bizgrow-page .container,
.bizgrow-page .topbar-inner,
.bizgrow-page .header-main,
.bizgrow-page .newsbar-inner {
  width:100%; max-width:1440px; margin-left:auto; margin-right:auto;
  padding-left:clamp(16px, 3vw, 32px); padding-right:clamp(16px, 3vw, 32px);
}
.bizgrow-page .hero,
.bizgrow-page .section,
.bizgrow-page .newsletter {
  width:calc(100% - 48px); max-width:1440px;
  margin-left:auto !important; margin-right:auto !important;
}
.bizgrow-page .hero { min-width:0; }
.bizgrow-page .hero > *, .bizgrow-page .article-grid > *,
.bizgrow-page .footer-grid > *, .bizgrow-page .newsletter > * { min-width:0; }
@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .bizgrow-page { width:100%; max-width:100%; margin:0; overflow-x:clip; }
  .bizgrow-page .container,
  .bizgrow-page .topbar-inner,
  .bizgrow-page .header-main,
  .bizgrow-page .newsbar-inner {
    width:100%; max-width:100%; padding-left:14px; padding-right:14px;
  }
  .bizgrow-page .hero,
  .bizgrow-page .section,
  .bizgrow-page .newsletter {
    width:calc(100% - 28px); max-width:100%;
    margin-left:auto !important; margin-right:auto !important;
  }
  .bizgrow-page .hero { grid-template-columns:minmax(0,1fr); }
  .bizgrow-page .article-grid { grid-template-columns:minmax(0,1fr); }
  .bizgrow-page .footer-grid { grid-template-columns:minmax(0,1fr); }
  .bizgrow-page .newsletter { padding:22px 16px; }
  .bizgrow-page .nav { max-width:100%; }
}


/* Search form and final responsive overflow/margin correction */
.bizgrow-page .tbs-search-form {
  display:flex; align-items:center; gap:8px; min-width:0; max-width:100%;
}
.bizgrow-page .tbs-search-form .search {
  width:240px; min-width:0; max-width:100%; height:42px;
  padding:0 13px; border:1px solid #d1d5db; border-radius:0;
  background:#fff; color:#111827; font:inherit; font-size:13px;
}
.bizgrow-page .tbs-search-form .search::placeholder { color:#6b7280; }
.bizgrow-page .tbs-search-button {
  border:0; cursor:pointer; min-height:42px; white-space:nowrap;
  font:inherit; font-size:12px; font-weight:800;
}
.bizgrow-page, .bizgrow-page * { min-width:0; }
.bizgrow-page p, .bizgrow-page h1, .bizgrow-page h2, .bizgrow-page h3,
.bizgrow-page a, .bizgrow-page span { overflow-wrap:anywhere; }
.bizgrow-page .container,
.bizgrow-page .topbar-inner,
.bizgrow-page .header-main,
.bizgrow-page .newsbar-inner {
  width:100%; max-width:1440px; margin-left:auto; margin-right:auto;
}
@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .bizgrow-page { width:100%; max-width:100%; overflow-x:hidden; }
  .bizgrow-page .container,
  .bizgrow-page .topbar-inner,
  .bizgrow-page .header-main,
  .bizgrow-page .newsbar-inner {
    width:100%; max-width:100%; padding-left:16px!important; padding-right:16px!important;
  }
  .bizgrow-page .hero,
  .bizgrow-page .section,
  .bizgrow-page .newsletter {
    width:calc(100% - 32px)!important; max-width:100%;
    margin-left:16px!important; margin-right:16px!important;
  }
  .bizgrow-page .header-actions { width:100%; max-width:100%; }
  .bizgrow-page .tbs-search-form { width:100%; max-width:100%; }
  .bizgrow-page .tbs-search-form .search { flex:1 1 auto; width:1%; min-width:0; }
  .bizgrow-page .tbs-search-button { flex:0 0 auto; padding:10px 14px; }
  .bizgrow-page .hero-main, .bizgrow-page .side-card,
  .bizgrow-page .article, .bizgrow-page .article-content,
  .bizgrow-page .newsletter, .bizgrow-page footer { max-width:100%; }
  .bizgrow-page .hero p, .bizgrow-page .article-content p { overflow-wrap:anywhere; }
}