/* Homepage header + article type for pages still built on /blog/blog.css.
   Load last. Values are the homepage's computed values (Brand v3, 2026-11-03). */

header.v3h{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:25px!important;max-width:1440px!important;margin:0 auto!important;padding:12px 5%!important;border:0!important;background:transparent!important;position:static!important;box-shadow:none!important;width:auto!important;height:auto!important;min-height:0!important}
header.v3h .brand{font-family:'Inter Tight',Arial,sans-serif!important;font-size:18px!important;font-weight:500!important;letter-spacing:-.81px!important;color:#3a3a3a!important;text-transform:none!important;text-decoration:none!important;background:none!important;padding:0!important;border:0!important;clip-path:none!important;margin:0!important}
header.v3h .brand::before,header.v3h .brand::after{content:none!important;display:none!important}
header.v3h .brand span{color:#e3151c!important}
header.v3h nav{display:flex!important;align-items:center!important;gap:30px!important;font-size:15px!important;color:#3a3a3a!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;background:none!important;border:0!important}
header.v3h nav a{font-family:'Inter Tight',Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;color:#3a3a3a!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none!important;background:none!important;border:0!important;padding:0!important;min-height:0!important;box-shadow:none!important}
header.v3h nav a:hover{color:#c8121a!important}
header.v3h nav a::after,header.v3h nav a::before{content:none!important}
header.v3h nav a.nav-cta{border:1px solid #ababaa!important;border-radius:4px!important;padding:8px 14px!important;font-weight:500!important;color:#3a3a3a!important;background:transparent!important;line-height:normal!important}
header.v3h nav a.nav-cta:hover{border-color:#3a3a3a!important;color:#3a3a3a!important;background:transparent!important}
@media(max-width:750px){
  header.v3h{padding:12px 22px!important}
  header.v3h .brand{font-size:16px!important}
  header.v3h nav{gap:0!important}
  header.v3h nav a:not(.nav-cta){display:none!important}
  header.v3h nav a.nav-cta{font-size:11px!important}
}
.top-alert{display:none!important}

/* Articles: homepage type scale */
body:has(.article-hero) main{width:min(90%,1296px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.breadcrumb{font-size:16px!important;color:#6b6b6b!important;letter-spacing:0!important;text-transform:none!important;gap:10px!important}
.breadcrumb a{color:#6b6b6b!important}
.breadcrumb a:hover{color:#c8121a!important}
.article-hero{padding-top:clamp(40px,5vw,80px)!important}
.article-hero .eyebrow{font-size:20px!important;font-weight:500!important;letter-spacing:-.3px!important;color:#c8121a!important;text-transform:none!important}
.article-hero h1{font-size:clamp(44px,5.2vw,80px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.05em!important;color:#3a3a3a!important;max-width:1150px!important;text-wrap:balance}
.article-hero .hero-copy{font-size:clamp(20px,1.7vw,24px)!important;line-height:1.5!important;color:#5a5a5a!important;max-width:860px!important}
.article-meta{font-size:16px!important;color:#6b6b6b!important;gap:6px 22px!important;letter-spacing:0!important;text-transform:none!important}
.article-meta a{color:#3a3a3a!important}
.article-shell{grid-template-columns:minmax(0,1fr) 320px!important;gap:clamp(40px,5vw,96px)!important}
.article-content{max-width:860px}
.article-content p,.article-content li{font-size:21px!important;line-height:1.6!important;color:#5a5a5a!important}
.article-content strong{color:#3a3a3a!important;font-weight:600!important}
.article-content a:not(.btn):not(.cta-btn):not([class*="btn"]){color:#3a3a3a!important;text-decoration:underline!important;text-decoration-color:#a9a9a8!important;text-underline-offset:3px}
.article-content a:not(.btn):not(.cta-btn):not([class*="btn"]):hover{color:#c8121a!important;text-decoration-color:#c8121a!important}
.article-content h2{font-size:clamp(32px,3.4vw,52px)!important;font-weight:500!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#3a3a3a!important;margin:64px 0 20px!important;text-transform:none!important}
.article-content h3{font-size:clamp(22px,1.9vw,28px)!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.03em!important;color:#3a3a3a!important;margin:40px 0 14px!important;text-transform:none!important}
.short-answer,.name-note,.side-card,.article-offer-card,.article-author-card,.newsletter-capture{border-radius:0!important;box-shadow:none!important}
.short-answer{background:#ececea!important;border:0!important;border-left:3px solid #3a3a3a!important;padding:24px 28px!important}
.side-card{background:transparent!important;border:0!important;border-top:1px solid #d1d1d0!important;padding:22px 0!important}
.side-card h2,.side-card h3,.side-card strong{color:#3a3a3a!important}
@media(max-width:900px){.article-shell{grid-template-columns:1fr!important}}
@media(max-width:750px){
  body:has(.article-hero) main{width:auto!important;padding-left:22px!important;padding-right:22px!important}
  .article-hero h1{font-size:10.6vw!important}
  .article-content p,.article-content li{font-size:18.5px!important}
  .article-hero .eyebrow{font-size:17px!important}
}
header.v3h nav{flex:0 0 auto!important;margin-left:auto!important;justify-content:flex-end!important;width:auto!important}
header.v3h nav a.nav-cta{margin-left:0!important}
.breadcrumb,.article-hero{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;max-width:none!important}
.breadcrumb a,.breadcrumb span{font-size:16px!important;text-decoration:none!important;border:0!important;background:none!important;padding:0!important;text-transform:none!important;letter-spacing:0!important}
.article-meta>*,.article-meta span,.article-meta time{background:none!important;border:0!important;padding:0!important;font-size:16px!important}
.side-card p,.side-card li,.side-card a:not([class*="btn"]):not([class*="cta"]){font-size:17px!important;line-height:1.5!important}
.side-card .eyebrow,.side-card [class*="kicker"]{font-size:17px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:#c8121a!important}
.side-card a[class*="btn"],.side-card a[class*="cta"],.conversion-actions a:first-child{display:inline-flex!important;align-items:center!important;min-height:52px!important;padding:0 22px!important;border-radius:9px!important;font-size:17px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
.article-shell{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
header.v3h .brand{display:inline-block!important;width:auto!important;height:auto!important;overflow:visible!important;position:static!important;white-space:nowrap!important;line-height:normal!important;border-radius:0!important;flex:none!important}
header.v3h .brand span{display:inline!important;width:auto!important;height:auto!important;position:static!important;background:none!important;font-size:inherit!important}
header.v3h .brand{transform:none!important;top:auto!important;align-self:center!important;padding-top:0!important;padding-bottom:0!important}