/* Header and masthead. */
.top-strip{background:var(--ink);color:#fff;font-size:12px}.top-strip-inner{min-height:31px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.top-trending{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.top-trending strong{color:#ff3c42}.top-trending a{opacity:.88}.top-trending a+a:before{content:"|";opacity:.35;margin-right:10px}.top-social{display:flex;align-items:center;gap:10px}.top-social a,.top-social button{color:#fff;background:none;border:0;font-weight:800;cursor:pointer}.masthead{display:grid;grid-template-columns:1.2fr 1fr .72fr;align-items:center;gap:22px;padding-block:12px}.spreadit-wordmark{display:inline-flex;align-items:baseline;font-size:54px;line-height:.85;font-weight:950;letter-spacing:-3px;color:#050505!important}.spreadit-wordmark b{color:var(--red2);font-weight:950}.custom-logo{max-height:70px;width:auto}.brand-tagline{font-weight:900;letter-spacing:5px;font-size:11px;margin-top:8px;text-transform:uppercase}.masthead-promo{min-height:80px;display:grid;place-items:center;text-align:center;background:linear-gradient(90deg,#202a32,#0b1117);color:#fff;font-size:20px;font-weight:950;padding:12px;text-transform:uppercase}.masthead-blurb{font-size:16px;line-height:1.05;font-weight:950;text-transform:uppercase;border-left:6px solid var(--red2);padding-left:16px}.header-search-panel{background:#f0f2f4;border-top:1px solid var(--line);padding:14px 0}.header-search-panel .search-form{display:flex;max-width:700px;margin:auto}.header-search-panel input{flex:1;padding:12px;border:1px solid #bcc3ca}.header-search-panel .search-submit{background:var(--red);color:#fff;border:0;padding:0 22px}.primary-nav{background:var(--ink);color:#fff;border-top:1px solid #222}.nav-inner{display:flex;align-items:center}.primary-menu{display:flex;list-style:none;margin:0;padding:0;align-items:stretch;overflow:auto}.primary-menu>li>a{display:block;padding:13px 14px;font-size:13px;font-weight:900;text-transform:uppercase;white-space:nowrap}.primary-menu>li:first-child>a,.primary-menu .current-menu-item>a,.primary-menu .current-category-ancestor>a{background:var(--red2)}.mobile-menu-toggle{display:none}.breaking-bar{background:#fff;border-bottom:1px solid #efb4b6}.breaking-inner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;min-height:32px;border:1px solid #f25e63;border-top:0}.breaking-label{align-self:stretch;display:flex;align-items:center;background:var(--red2);color:#fff;padding:0 15px;font-weight:900;font-size:12px}.breaking-track{display:flex;overflow:hidden;white-space:nowrap;min-width:0;scroll-behavior:smooth;scrollbar-width:none}.breaking-track::-webkit-scrollbar{display:none}.breaking-track a{flex:0 0 auto;font-size:12px;font-weight:700;padding:0 13px;border-right:1px solid #ddd}.ticker-prev,.ticker-next{border:0;background:#fff;font-weight:900;color:var(--red);height:30px;width:26px;cursor:pointer}
/* Header / top stories */
.top-strip{background:#0a0f14}
.top-strip-inner{min-height:32px;gap:18px}
.top-trending{font-family:var(--display-font);font-size:12px;text-transform:none}
.top-trending strong{font-family:var(--display-font);font-weight:900;letter-spacing:.035em;color:#ff2d32}
.top-trending a{font-weight:700;max-width:175px;overflow:hidden;text-overflow:ellipsis}
.masthead{grid-template-columns:1.18fr 1.08fr .66fr;padding-block:10px;gap:18px}
.spreadit-wordmark{font-family:var(--display-font);font-size:58px;font-weight:900;letter-spacing:-3.8px;line-height:.82}
.spreadit-wordmark b{font-weight:900}
.brand-tagline{font-size:11px;font-weight:900;letter-spacing:5.4px;margin-top:9px}
.masthead-promo{min-height:78px;font-family:var(--display-font);font-size:21px;font-weight:900;line-height:.96}
.masthead-blurb{font-family:var(--display-font);font-size:16px;line-height:.94;font-weight:900}
.primary-menu>li>a{font-size:14px;line-height:1;font-weight:800;padding:13px 15px}
.breaking-inner{min-height:34px}
.breaking-label{font-size:13px;font-weight:900}
.breaking-track a{font-size:12px;font-weight:600}
/* v1.3.3: functional masthead newsletter; replaces static promo copy only. */
.masthead{grid-template-columns:minmax(330px,1.08fr) minmax(0,1.92fr)}
.masthead-newsletter{min-height:78px;background:var(--ink);color:#fff;border-left:6px solid var(--red2);padding:11px 13px;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(300px,1.3fr);gap:14px;align-items:center}
.masthead-newsletter-copy strong{display:block;font-family:var(--display-font);font-size:21px;line-height:.95;font-weight:900;text-transform:uppercase}
.masthead-newsletter-copy span{display:block;margin-top:5px;font-size:11px;line-height:1.25;color:#d8dde1}
.masthead-newsletter .spreadit-newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:stretch;margin:0}
.masthead-newsletter .spreadit-newsletter-form input[type=email]{min-width:0;height:38px;border:1px solid #c8ced3;border-right:0;background:#fff;color:#111;padding:0 11px;font-size:12px}
.masthead-newsletter .spreadit-newsletter-form button{height:38px;border:0;background:var(--red2);color:#fff;padding:0 16px;font-family:var(--display-font);font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}
.masthead-newsletter .newsletter-status{grid-column:1/-1;color:#fff;min-height:0;margin-top:4px;font-size:10px}
@media(max-width:1050px){
  .masthead{grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr)}
  .masthead-newsletter{grid-template-columns:minmax(170px,.7fr) minmax(260px,1.2fr)}
}
@media(max-width:820px){
  .masthead{grid-template-columns:1fr}
  .masthead-newsletter{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);width:100%;min-height:auto}
}
@media(max-width:600px){
  .masthead-newsletter{grid-template-columns:1fr;padding:10px 11px;gap:8px}
  .masthead-newsletter-copy strong{font-size:18px}
  .masthead-newsletter-copy span{font-size:10px}
  .masthead-newsletter .spreadit-newsletter-form input[type=email],.masthead-newsletter .spreadit-newsletter-form button{height:36px}
}
.article-dark .masthead{color:#fff}
.article-dark .spreadit-wordmark,.article-dark .spreadit-wordmark:hover,.article-dark .spreadit-wordmark:focus{color:#fff!important}
.article-dark .spreadit-wordmark span{color:#fff!important}
.article-dark .spreadit-wordmark b{color:var(--red2)!important}
.article-dark .brand-tagline{color:#d8dde1}

@media(max-width:1050px){.masthead{grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr)}.masthead-newsletter{grid-template-columns:minmax(170px,.7fr) minmax(260px,1.2fr)}.spreadit-wordmark{font-size:50px}}
@media(max-width:820px){.top-strip-inner{grid-template-columns:auto 1fr auto}.top-trending{display:flex;overflow:hidden}.top-trending a:nth-of-type(n+3){display:none}.masthead{grid-template-columns:1fr;padding-block:10px}.masthead-newsletter{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);width:100%;min-height:auto}.primary-nav{position:relative}.mobile-menu-toggle{display:block;width:100%;border:0;background:var(--ink);color:#fff;text-align:left;padding:11px 0;font-weight:900}.primary-menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:100;background:var(--ink);flex-direction:column;max-height:70vh;overflow:auto}.primary-menu.is-open{display:flex}.primary-menu>li>a{border-top:1px solid #262d34}.breaking-inner{width:100%;border-left:0;border-right:0}}
@media(max-width:600px){.top-strip-inner{grid-template-columns:auto 1fr;min-height:26px;font-size:10px}.top-social{display:none}.top-trending{justify-content:flex-end}.top-trending a:nth-of-type(n+2){display:none}.masthead{padding:9px 0}.masthead-newsletter{grid-template-columns:1fr;padding:10px 11px;gap:8px}.masthead-newsletter-copy strong{font-size:18px}.masthead-newsletter-copy span{font-size:10px}.masthead-newsletter .spreadit-newsletter-form input[type=email],.masthead-newsletter .spreadit-newsletter-form button{height:36px}.spreadit-wordmark{font-size:37px;letter-spacing:-2.7px}.brand-tagline{font-size:8px;letter-spacing:3.4px}.breaking-label{padding:0 9px}.breaking-track a{padding:0 8px}.ticker-prev,.ticker-next{display:none}}

/* v1.7.2: keep the white Breaking strip legible when article dark mode is active. */
.article-dark .breaking-bar{background:#fff;border-bottom-color:#efb4b6}
.article-dark .breaking-inner{background:#fff;border-color:#f25e63}
.article-dark .breaking-track a{color:#171b1f!important;border-right-color:#d8dde1}
.article-dark .breaking-track a:hover,.article-dark .breaking-track a:focus{color:var(--red)!important;text-decoration:underline;text-underline-offset:2px}
.article-dark .breaking-label{background:var(--red2);color:#fff!important}
.article-dark .ticker-prev,.article-dark .ticker-next{background:#fff;color:var(--red)!important}