/* SERPIFAI Article Visual Structural Repair Batch 01 V1.0.9.3
   Evidence-driven correction: one library-card image, outer cinematic hero,
   and deterministic use of the existing editorial true-center rail system. */

body.serpifai-avsr-v1-0-9-3 {
  --sav-hero-image: none;
  --sav-hero-position: center center;
  --sav-hero-opacity: .91;
}

body.serpifai-avsr-v1-0-9-3.ri5-article-seo-competitors-vs-business-competitors {
  --sav-hero-image: url('/assets/images/insights/article-visuals-v1-0-8/seo-competitors-vs-business-competitors-editorial-hero-1280.webp');
  --sav-hero-position: center 55%;
}
body.serpifai-avsr-v1-0-9-3.ri5-article-how-many-seo-competitors {
  --sav-hero-image: url('/assets/images/insights/article-visuals-v1-0-8/minimum-defensible-seo-competitor-set-editorial-hero-1280.webp');
  --sav-hero-position: center center;
}
body.serpifai-avsr-v1-0-9-3.ri5-article-publishers-directories-marketplaces-not-real-competitors {
  --sav-hero-image: url('/assets/images/insights/article-visuals-v1-0-8/publishers-directories-marketplaces-context-only-editorial-hero-1280.webp');
  --sav-hero-position: center 58%;
}
body.serpifai-avsr-v1-0-9-3.ri5-article-identify-local-seo-competitors {
  --sav-hero-image: url('/assets/images/insights/article-visuals-v1-0-8/local-seo-competitors-relevance-radius-editorial-hero-1280.webp');
  --sav-hero-position: center 54%;
}
body.serpifai-avsr-v1-0-9-3.ri5-article-qualify-b2b-saas-competitors {
  --sav-hero-image: url('/assets/images/insights/article-visuals-v1-0-8/b2b-saas-competitor-qualification-blueprint-editorial-hero-1280.webp');
  --sav-hero-position: center 52%;
}

@media (max-width: 699px) {
  body.serpifai-avsr-v1-0-9-3.ri5-article-seo-competitors-vs-business-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/seo-competitors-vs-business-competitors-editorial-hero-640.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-how-many-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/minimum-defensible-seo-competitor-set-editorial-hero-640.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-publishers-directories-marketplaces-not-real-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/publishers-directories-marketplaces-context-only-editorial-hero-640.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-identify-local-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/local-seo-competitors-relevance-radius-editorial-hero-640.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-qualify-b2b-saas-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/b2b-saas-competitor-qualification-blueprint-editorial-hero-640.webp'); }
}
@media (min-width: 700px) and (max-width: 999px) {
  body.serpifai-avsr-v1-0-9-3.ri5-article-seo-competitors-vs-business-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/seo-competitors-vs-business-competitors-editorial-hero-960.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-how-many-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/minimum-defensible-seo-competitor-set-editorial-hero-960.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-publishers-directories-marketplaces-not-real-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/publishers-directories-marketplaces-context-only-editorial-hero-960.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-identify-local-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/local-seo-competitors-relevance-radius-editorial-hero-960.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-qualify-b2b-saas-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/b2b-saas-competitor-qualification-blueprint-editorial-hero-960.webp'); }
}
@media (min-width: 1400px) {
  body.serpifai-avsr-v1-0-9-3.ri5-article-seo-competitors-vs-business-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/seo-competitors-vs-business-competitors-editorial-hero-1440.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-how-many-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/minimum-defensible-seo-competitor-set-editorial-hero-1440.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-publishers-directories-marketplaces-not-real-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/publishers-directories-marketplaces-context-only-editorial-hero-1440.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-identify-local-seo-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/local-seo-competitors-relevance-radius-editorial-hero-1440.webp'); }
  body.serpifai-avsr-v1-0-9-3.ri5-article-qualify-b2b-saas-competitors { --sav-hero-image:url('/assets/images/insights/article-visuals-v1-0-8/b2b-saas-competitor-qualification-blueprint-editorial-hero-1440.webp'); }
}

/* Restore the image to the full outer hero instead of the inner copy shell. */
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #020914 !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background-image: var(--sav-hero-image) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: var(--sav-hero-position) !important;
  opacity: var(--sav-hero-opacity) !important;
  filter: saturate(1.03) contrast(1.045) brightness(.93) !important;
  transform: scale(1.012) !important;
  pointer-events: none !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  background:
    linear-gradient(90deg,
      rgba(2,9,20,.88) 0%,
      rgba(2,9,20,.78) 20%,
      rgba(2,9,20,.58) 41%,
      rgba(2,9,20,.31) 63%,
      rgba(2,9,20,.14) 82%,
      rgba(2,9,20,.08) 100%),
    linear-gradient(180deg,
      rgba(2,9,20,.26) 0%,
      rgba(2,9,20,.03) 44%,
      rgba(2,9,20,.68) 100%),
    radial-gradient(circle at 77% 43%, rgba(83,216,244,.14), transparent 30rem),
    radial-gradient(circle at 66% 14%, rgba(154,124,255,.13), transparent 27rem) !important;
  pointer-events: none !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero > .ri2-hero-content {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero > .ri2-hero-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -3rem auto -2.65rem -4rem !important;
  width: min(54rem, 82vw) !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at 25% 50%, rgba(2,9,20,.66) 0%, rgba(2,9,20,.43) 43%, rgba(2,9,20,.15) 66%, transparent 80%) !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero > .ri2-hero-content::after {
  content: none !important;
  display: none !important;
}
body.serpifai-avsr-v1-0-9-3 .ri2-article-hero .sfv-hero-constellation {
  display: none !important;
}

/* One canonical rendered image for each of the five managed library cards. */
body.serpifai-avsr-v1-0-9-3.sfv-family-insights-hub [data-serpifai-card-id] > .ri2-card-image,
body.serpifai-avsr-v1-0-9-3 [data-serpifai-card-id] > [data-serpifai-legacy-media-cleared="true"] {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}
body.serpifai-avsr-v1-0-9-3 [data-serpifai-card-id] > .serpifai-library-card-visual {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

/* Use the proven direct-layout rail system. The figure class added by the
   structural patch activates insights-editorial-true-center-v1-6-4.js. */
@media (min-width: 1181px) {
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout > .ri2-toc,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout > .ri2-side-note {
    transition: opacity .24s ease, visibility .24s ease, transform .24s ease !important;
    will-change: opacity, transform;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-toc,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-side-note {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-toc {
    transform: translateX(-18px) scale(.985) !important;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-side-note {
    transform: translateX(18px) scale(.985) !important;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout:not(.ri8-visual-focus) > .ri2-toc,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout:not(.ri8-visual-focus) > .ri2-side-note,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-toc:focus-within,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout.ri8-visual-focus > .ri2-side-note:focus-within {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

@media (max-width: 760px) {
  body.serpifai-avsr-v1-0-9-3 .ri2-article-hero::after {
    background:
      linear-gradient(180deg, rgba(2,9,20,.40) 0%, rgba(2,9,20,.14) 42%, rgba(2,9,20,.76) 100%),
      linear-gradient(90deg, rgba(2,9,20,.79) 0%, rgba(2,9,20,.47) 67%, rgba(2,9,20,.22) 100%) !important;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-hero > .ri2-hero-content::before {
    inset: -2rem -1.25rem -2rem -1.25rem !important;
    width: auto !important;
    border-radius: 42% !important;
    background: radial-gradient(ellipse at 38% 48%, rgba(2,9,20,.58), rgba(2,9,20,.18) 64%, transparent 82%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.serpifai-avsr-v1-0-9-3 .ri2-article-hero::before {
    transform: none !important;
  }
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout > .ri2-toc,
  body.serpifai-avsr-v1-0-9-3 .ri2-article-layout > .ri2-side-note {
    transition: none !important;
  }
}