/**
 * News (post_type=news) hero recolor. Same Design 1 markup/layout as Blog -
 * only the hero background/text flips from the navy banner to a bright
 * gradient (matching the homepage hero's look), gated by the .is-news class
 * template-parts/blog/hero.php adds. Body, sidebar, author card and related
 * posts are untouched - this file only ever targets #sgblog-hero.is-news.
 */
#sgblog-hero.is-news{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 55%,#F6F8FB 100%);
  color:var(--ink);
}
#sgblog-hero.is-news::before{ display:none; }

#sgblog-hero.is-news .sgblog-hero-tex{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(22,41,74,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,41,74,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(120% 80% at 80% 0%, #000 0%, transparent 65%);
  mask-image:radial-gradient(120% 80% at 80% 0%, #000 0%, transparent 65%);
}
#sgblog-hero.is-news .sgblog-hero-glow{ position:absolute; border-radius:50%; pointer-events:none; z-index:0; }
#sgblog-hero.is-news .sgblog-hero-glow.g1{ top:-160px; right:-90px; width:560px; height:440px; background:radial-gradient(closest-side, rgba(23,162,172,.16), transparent 72%); }
#sgblog-hero.is-news .sgblog-hero-glow.g2{ bottom:-200px; left:-120px; width:480px; height:380px; background:radial-gradient(closest-side, rgba(22,41,74,.07), transparent 72%); }

#sgblog-hero.is-news .sgblog-crumb{ color:var(--grey-soft); }
#sgblog-hero.is-news .sgblog-crumb a{ color:var(--grey); }
#sgblog-hero.is-news .sgblog-crumb a:hover{ color:var(--ink); }
#sgblog-hero.is-news .sgblog-crumb .current{ color:var(--grey-soft); }

#sgblog-hero.is-news h1{ color:var(--navy); }

#sgblog-hero.is-news .sgblog-meta{ color:var(--grey); }
#sgblog-hero.is-news .sgblog-meta .dot{ background:var(--grey-soft); }
#sgblog-hero.is-news .sgblog-byline .nm{ color:var(--grey); }

#sgblog-hero.is-news .sgblog-share .prompt{ color:var(--grey); }
#sgblog-hero.is-news .sgblog-share button{ border-color:var(--line); background:#fff; color:var(--ink); }
#sgblog-hero.is-news .sgblog-share button:hover{ border-color:var(--teal-deep); background:var(--tealtint); color:var(--teal-deep); }