/* TwinPare Research article atmosphere — 2026-08-28
 * Shared EN/SV long-form treatment. Keeps the approved Research identity visible
 * during scroll while protecting the central reading column from visual noise. */

body.theme-research .research-article-page {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: #0D0B1A;
}

body.theme-research .research-article-page::before {
  content: '';
  position: fixed;
  inset: 72px 0 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(13, 11, 26, .18) 0%,
      rgba(13, 11, 26, .48) 22%,
      rgba(13, 11, 26, .78) 39%,
      rgba(13, 11, 26, .82) 61%,
      rgba(13, 11, 26, .50) 78%,
      rgba(13, 11, 26, .20) 100%),
    linear-gradient(180deg, rgba(13,11,26,.12), rgba(13,11,26,.46) 76%, rgba(13,11,26,.58)),
    url('/images/twins-hub/health/research/final-2026-08-27/research-continuous-bg.webp') center 18% / cover no-repeat;
  opacity: .32;
  filter: saturate(.90) contrast(.98);
}

body.theme-research .research-article-page > section {
  position: relative;
  z-index: 1;
}

body.theme-research .research-article-page .research-hero {
  background:
    linear-gradient(90deg,
      rgba(13,11,26,.56) 0%,
      rgba(13,11,26,.78) 24%,
      rgba(13,11,26,.90) 42%,
      rgba(13,11,26,.90) 58%,
      rgba(13,11,26,.78) 76%,
      rgba(13,11,26,.56) 100%) !important;
}

body.theme-research .research-article-page .research-related {
  background: linear-gradient(180deg, rgba(13,11,26,.76), rgba(13,11,26,.88)) !important;
}

/* Preserve article visuals as the content-bearing layer above the atmosphere. */
body.theme-research .research-article-page :is(.research-article, .research-article__image) {
  position: relative;
}

body.theme-research .research-article-page .research-article__image {
  z-index: 2;
}

@media (max-width: 900px) {
  body.theme-research .research-article-page::before {
    inset: 64px 0 0;
    background-position: 26% 15%;
    background-size: auto 100vh;
    opacity: .22;
  }

  body.theme-research .research-article-page .research-hero {
    background: linear-gradient(180deg, rgba(13,11,26,.78), rgba(13,11,26,.88)) !important;
  }
}

@media (max-width: 520px) {
  body.theme-research .research-article-page::before {
    background-position: 18% 14%;
    background-size: auto 100vh;
    opacity: .16;
  }

  body.theme-research .research-article-page .research-related {
    background: linear-gradient(180deg, rgba(13,11,26,.84), rgba(13,11,26,.92)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-research .research-article-page::before {
    position: absolute;
    background-size: cover;
  }
}