/* SGTM V502 — gallery readability + restrained accent-line cleanup.
   Overrides are scoped to public content; headers, heroes, buttons, forms and admin remain unchanged. */

/* V478 gallery/video shells are dark navy. Earlier CSS inserts a white intro card,
   while an inherited colour rule leaves its text almost white. Treat the intro
   as part of the dark section rather than a mismatched white inset. */
html body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main .case478-content :is(.case-gallery-shell,.case-video-shell) > :is(.case-gallery-intro,.case-video-intro) {
  background:transparent !important;
  color:#e8f4fa !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  margin:0 0 28px !important;
  max-width:930px !important;
}
html body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main .case478-content :is(.case-gallery-shell,.case-video-shell) > :is(.case-gallery-intro,.case-video-intro) h2 {
  color:#f5f8fc !important;
  -webkit-text-fill-color:#f5f8fc !important;
  background:transparent !important;
  text-shadow:none !important;
}
html body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main .case478-content :is(.case-gallery-shell,.case-video-shell) > :is(.case-gallery-intro,.case-video-intro) p {
  color:#c5d7e5 !important;
  -webkit-text-fill-color:#c5d7e5 !important;
  background:transparent !important;
  opacity:1 !important;
}
html body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main .case478-content :is(.case-gallery-shell,.case-video-shell) > :is(.case-gallery-intro,.case-video-intro) .label {
  color:#35c5f4 !important;
  -webkit-text-fill-color:#35c5f4 !important;
  background:transparent !important;
  opacity:1 !important;
}
/* An accented label + underlined H2 previously produced two decorative strokes
   in one introduction. The gallery title needs neither: cyan label is sufficient. */
html body#sgtm-premium-v223 main :is(.case-gallery-intro,.case-video-intro) .sgtm-accent-label-v420::before,
html body#sgtm-premium-v223 main :is(.case-gallery-intro,.case-video-intro) .label::before {
  content:none !important;
  display:none !important;
}
html body#sgtm-premium-v223 main :is(.case-gallery-intro,.case-video-intro) h2::after {
  content:none !important;
  display:none !important;
}
/* Where a case-study eyebrow/label precedes a heading, keep its single leading
   accent and suppress the second blue rule underneath the heading. */
html body#sgtm-premium-v223 main .case478-content :is(.sgtm-accent-label-v420,.sid467-eyebrow) + h2::after,
html body#sgtm-premium-v223 main .case478-content :is(.case-notes-box,.case-cta-box,.sid467-panel) > :is(.sgtm-accent-label-v420,.sid467-eyebrow) ~ h2:first-of-type::after {
  content:none !important;
  display:none !important;
}
/* A horizontal divider in editorial note text is structural, not a title accent.
   Leave it in place, as well as focus and interactive control outlines. */

/* Case-study note panels use display:block for the eyebrow label in their
   older CSS; its pseudo-line otherwise sits above the label like a stray rule. */
html body#sgtm-premium-v223 main .case478-content .case-notes-box > .sgtm-accent-label-v420::before {
  content:none !important;
  display:none !important;
}