@charset "UTF-8";
/* SERPIFAI Insights Editorial Image Scale Fix V1.6.1
   Enlarges in-article visuals without cropping their content.
   Scoped to Insights article pages only. */

/* Keep breakout visuals visible outside the 760px reading column. */
.insights-authority-page .ri2-article,
.insights-page .ri-article,
.insights-page .ri-article-body,
.insights-page .ri-article-content {
  overflow: visible !important;
}

/* Authority-library and flagship explanatory visuals. */
.insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure),
.insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) {
  position: relative !important;
  left: 50% !important;
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: clamp(1.8rem, 4vw, 3rem) 0 clamp(2.6rem, 5vw, 4.25rem) !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
  border-radius: clamp(18px, 2vw, 28px) !important;
  border: 1px solid rgba(125, 227, 245, .20) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(154, 124, 255, .08), transparent 44%),
    linear-gradient(145deg, rgba(7, 20, 34, .98), rgba(3, 10, 21, .99)) !important;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .34),
    0 8px 24px rgba(5, 19, 38, .28),
    inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

/* Show the complete image. Previous 16:9 + cover rules cropped some diagrams. */
.insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure) img,
.insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f2f5fb !important;
  transform: none !important;
  filter: none !important;
}

/* Premium caption treatment with controlled reading length. */
.insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure) figcaption,
.insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) figcaption {
  max-width: 92ch !important;
  margin: 0 auto !important;
  padding: 1rem clamp(1.15rem, 3vw, 2rem) 1.15rem !important;
  border-top: 1px solid rgba(125, 227, 245, .12) !important;
  color: #a9bbc8 !important;
  font-size: clamp(.78rem, 1vw, .88rem) !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

.insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure) figcaption strong,
.insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) figcaption strong {
  color: #f7fbff !important;
}

/* Subtle polish without hiding any part of the artwork. */
@media (hover: hover) and (pointer: fine) {
  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure),
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) {
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure):hover,
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure):hover {
    border-color: rgba(125, 227, 245, .34) !important;
    box-shadow:
      0 40px 100px rgba(0, 0, 0, .38),
      0 10px 28px rgba(32, 91, 150, .20),
      inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  }
}

/* Tablet: keep a generous editorial width but avoid horizontal scrolling. */
@media (max-width: 1180px) {
  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure),
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) {
    width: min(980px, calc(100vw - 40px)) !important;
  }
}

/* Mobile: return to the content column and keep every pixel visible. */
@media (max-width: 760px) {
  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure),
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) {
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.5rem 0 2.6rem !important;
    transform: none !important;
    border-radius: 16px !important;
  }

  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure) figcaption,
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) figcaption {
    padding: .85rem 1rem 1rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .insights-authority-page :is(.ri3-article-visual, .ri4-article-visual, .ri2-article > figure),
  .insights-page :is(.ri-article-showcase, .ri-article-figure, .ri-article > figure, .ri-article-body > figure) {
    transition: none !important;
  }
}

/* SERPIFAI Featured Article Visual Focus V1.6.5
   Mirrors the supporting-article sidebar focus behaviour on the three
   flagship frameworks only. Sidebars yield while a wide article visual is
   in view and return when the visual leaves the reading viewport. */
body:is(
  .ri5-article-choose-right-competitors,
  .ri5-article-evidence-vs-assumptions,
  .ri5-article-where-to-invest-next
) .ri-article-layout {
  position: relative;
}

body:is(
  .ri5-article-choose-right-competitors,
  .ri5-article-evidence-vs-assumptions,
  .ri5-article-where-to-invest-next
) .ri-article-layout > :is(.ri-toc, .ri-side-note) {
  z-index: 2;
  transition:
    opacity .24s ease,
    transform .32s cubic-bezier(.2, .75, .25, 1),
    visibility 0s linear 0s;
}

body:is(
  .ri5-article-choose-right-competitors,
  .ri5-article-evidence-vs-assumptions,
  .ri5-article-where-to-invest-next
) .ri-article > :is(
  .ri-article-showcase,
  .ri-article-figure,
  figure
) {
  z-index: 4;
}

@media (min-width: 821px) {
  body:is(
    .ri5-article-choose-right-competitors,
    .ri5-article-evidence-vs-assumptions,
    .ri5-article-where-to-invest-next
  ) .ri-article-layout.ri8-featured-visual-focus > .ri-toc {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-18px) scale(.985);
    transition-delay: 0s, 0s, .22s;
  }

  body:is(
    .ri5-article-choose-right-competitors,
    .ri5-article-evidence-vs-assumptions,
    .ri5-article-where-to-invest-next
  ) .ri-article-layout.ri8-featured-visual-focus > .ri-side-note {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(18px) scale(.985);
    transition-delay: 0s, 0s, .22s;
  }

  body:is(
    .ri5-article-choose-right-competitors,
    .ri5-article-evidence-vs-assumptions,
    .ri5-article-where-to-invest-next
  ) .ri-article-layout:not(.ri8-featured-visual-focus) > :is(.ri-toc, .ri-side-note) {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition-delay: 0s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is(
    .ri5-article-choose-right-competitors,
    .ri5-article-evidence-vs-assumptions,
    .ri5-article-where-to-invest-next
  ) .ri-article-layout > :is(.ri-toc, .ri-side-note) {
    transition: none !important;
  }
}