/* Homepage visual language for the September 2026 non-E-number refresh. */
:root{--sr-ink:#15191b;--sr-raised:#1e2427;--sr-line:#2a3236;--sr-paper:#fbfcfc;--sr-cream:#f6f1e7;--sr-teal:#18c7a4;--sr-soft:#a4afb2;--sr-shadow:0 28px 72px rgba(18,25,27,.14)}
body.homepage-style-refresh{background:var(--sr-paper)}
body.homepage-style-refresh main{overflow:visible}

body.homepage-style-refresh main>.hero:first-child,
body.homepage-style-refresh main>.section:first-child,
body.homepage-style-refresh main>.bw-hero:first-child,
body.homepage-style-refresh .legacy-body>.hero:first-child,
body.homepage-style-refresh main>.bw>.bw-hero:first-child,
body.homepage-style-refresh .legacy-body .article-body>.hero:first-child,
body.homepage-style-refresh>.util-hero{
  position:relative;isolation:isolate;overflow:hidden;
  width:min(1180px,calc(100% - 40px));margin:22px auto clamp(54px,7vw,92px);
  border:1px solid var(--sr-line);border-radius:32px;background:var(--sr-ink)!important;
  color:#f4f6f6;box-shadow:0 34px 90px rgba(10,15,17,.2)
}
body.homepage-style-refresh main>.hero:first-child::before,
body.homepage-style-refresh main>.section:first-child::before,
body.homepage-style-refresh main>.bw-hero:first-child::before,
body.homepage-style-refresh .legacy-body>.hero:first-child::before,
body.homepage-style-refresh main>.bw>.bw-hero:first-child::before,
body.homepage-style-refresh .legacy-body .article-body>.hero:first-child::before,
body.homepage-style-refresh>.util-hero::before{
  content:"";position:absolute;z-index:-1;inset:-38% -18% auto -26%;height:145%;pointer-events:none;
  background:radial-gradient(58% 54% at 24% 38%,rgba(14,156,130,.24),transparent 68%),radial-gradient(44% 42% at 86% 10%,rgba(224,163,58,.13),transparent 72%)
}
body.homepage-style-refresh main>.section:first-child{padding:clamp(48px,6vw,82px) clamp(24px,5.5vw,72px)!important}
body.homepage-style-refresh main>.hero:first-child .hero__block{background:transparent!important}
body.homepage-style-refresh main>.hero:first-child .hero__content{padding-top:clamp(42px,6vw,76px);padding-bottom:clamp(42px,6vw,76px)}
body.homepage-style-refresh main>.bw-hero:first-child{padding:clamp(50px,7vw,86px) clamp(24px,5.5vw,72px)}
body.homepage-style-refresh main>.bw>.bw-hero:first-child{padding:clamp(50px,7vw,86px) clamp(24px,5.5vw,72px)}
body.homepage-style-refresh>.util-hero .util-hero__inner{padding:clamp(50px,7vw,86px) clamp(24px,5.5vw,72px)}

body.homepage-style-refresh main>.hero:first-child h1,
body.homepage-style-refresh main>.section:first-child h1,
body.homepage-style-refresh main>.bw-hero:first-child h1,
body.homepage-style-refresh .legacy-body>.hero:first-child h1,
body.homepage-style-refresh main>.bw>.bw-hero:first-child h1,
body.homepage-style-refresh .legacy-body .article-body>.hero:first-child h1,
body.homepage-style-refresh>.util-hero h1{color:#f4f6f6!important;letter-spacing:-.04em;text-wrap:balance}
body.homepage-style-refresh main>.hero:first-child h1 em,
body.homepage-style-refresh main>.section:first-child h1 em,
body.homepage-style-refresh main>.bw-hero:first-child h1 em{color:#f4f6f6!important;text-decoration-color:var(--sr-teal)}
body.homepage-style-refresh main>.bw>.bw-hero:first-child h1 em{color:#f4f6f6!important;text-decoration-color:var(--sr-teal)}
body.homepage-style-refresh main>.hero:first-child p,
body.homepage-style-refresh main>.section:first-child .section__lede,
body.homepage-style-refresh main>.bw-hero:first-child p,
body.homepage-style-refresh .legacy-body>.hero:first-child p,
body.homepage-style-refresh main>.bw>.bw-hero:first-child p,
body.homepage-style-refresh .legacy-body .article-body>.hero:first-child p,
body.homepage-style-refresh>.util-hero p{color:var(--sr-soft)!important}
body.homepage-style-refresh main>.section:first-child .section__eyebrow,
body.homepage-style-refresh main>.hero:first-child .eyebrow,
body.homepage-style-refresh main>.bw>.bw-hero:first-child .bw-eyebrow,
body.homepage-style-refresh .legacy-body .article-body>.hero:first-child .hero-eyebrow,
body.homepage-style-refresh>.util-hero .util-hero__eyebrow{color:var(--sr-teal)!important}
body.homepage-style-refresh main>.section:first-child .section__eyebrow .num{border-color:rgba(24,199,164,.45);color:var(--sr-teal)}
body.homepage-style-refresh main>.section:first-child .section__eyebrow .l{color:#cbd2d4}

body.homepage-style-refresh .accuracy-refresh{
  width:min(1120px,calc(100% - 40px));margin:clamp(52px,7vw,88px) auto;padding:clamp(38px,5vw,66px)!important;
  border:1px solid #e3dacb;border-radius:26px;background:var(--sr-cream)!important;box-shadow:var(--sr-shadow)
}
body.homepage-style-refresh .accuracy-refresh .wrap{width:100%;max-width:900px;margin:0;padding:0}
body.homepage-style-refresh .accuracy-refresh .section__head{display:block;margin-bottom:24px}
body.homepage-style-refresh .accuracy-refresh .section__title{max-width:18ch;font-size:clamp(30px,4.2vw,52px);line-height:1.03}
body.homepage-style-refresh .accuracy-refresh .section__eyebrow{color:#0e8b75}
body.homepage-style-refresh .accuracy-refresh__copy p{color:#3f494c;margin:0 0 16px}
body.homepage-style-refresh .accuracy-refresh__copy a{color:#087a67;font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}
body.homepage-style-refresh .accuracy-refresh .last-reviewed{margin:25px 0 0;padding-top:18px;border-top:1px solid #d8cebd;color:#746d62;font:650 12px/1.5 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em}

body.homepage-style-refresh .explainer-card,
body.homepage-style-refresh .category-card,
body.homepage-style-refresh .article-card{border-radius:20px;box-shadow:0 15px 42px rgba(18,25,27,.08)}

@media(max-width:720px){
  body.homepage-style-refresh main>.hero:first-child,
  body.homepage-style-refresh main>.section:first-child,
  body.homepage-style-refresh main>.bw-hero:first-child,
  body.homepage-style-refresh .legacy-body>.hero:first-child,
  body.homepage-style-refresh main>.bw>.bw-hero:first-child,
  body.homepage-style-refresh .legacy-body .article-body>.hero:first-child,
  body.homepage-style-refresh>.util-hero{width:calc(100% - 24px);margin-top:12px;border-radius:24px}
  body.homepage-style-refresh main>.section:first-child{padding:42px 22px!important}
  body.homepage-style-refresh .accuracy-refresh{width:calc(100% - 24px);padding:34px 22px!important;border-radius:22px}
}