/* Start custom CSS for html, class: .elementor-element-531ae23 *//* ======================================================================
   FERVID INSIGHTS — Authority Article 02
   Award-calibre production stylesheet · September 2026

   Article:
   How to Prepare Your Website for AI-Assisted Discovery Without Chasing AI Citations

   Design system:
   - Full-bleed Fervid midnight environment
   - Sacred Fervid Green #51AC5B
   - Restrained cyan secondary signal
   - White editorial reading plane
   - Wide cinematic visual chapters
   - Human-first accessibility and reduced-motion support
   - Scoped to .fv-insight--article-02

   Governance:
   - CSS changes presentation only.
   - Visible copy / ScrollMeta meaning remain sovereign.
   - No machine-facing claim is introduced here.
   ====================================================================== */

.fv-insight--article-02 {
  /* Brand */
  --fv-green: #51AC5B;
  --fv-green-rgb: 81 172 91;
  --fv-green-soft: #87D691;
  --fv-green-pale: #B8EABB;
  --fv-green-deep: #245E45;

  --fv-cyan: #69D8E1;
  --fv-cyan-rgb: 105 216 225;
  --fv-cyan-soft: #A8E7EB;

  /* Night architecture */
  --fv-midnight: #020B16;
  --fv-night: #04111D;
  --fv-deep: #061726;
  --fv-surface: #0B2232;
  --fv-surface-2: #102D3B;
  --fv-canvas: #091A27;

  /* Reading plane */
  --fv-paper: #FFFFFF;
  --fv-paper-soft: #F7F9F8;
  --fv-paper-muted: #EEF4F2;
  --fv-ink: #15313F;
  --fv-copy: #405866;
  --fv-muted: #697E89;
  --fv-link: #245E45;

  --fv-line: rgb(42 83 91 / 13%);
  --fv-line-strong: rgb(42 83 91 / 23%);
  --fv-line-night: rgb(168 231 235 / 14%);

  /* Geometry */
  --fv-wide: 1540px;
  --fv-shell: 1450px;
  --fv-reading: 1030px;
  --fv-copy-measure: 68ch;
  --fv-toc: 255px;

  --fv-radius-xl: 42px;
  --fv-radius-lg: 32px;
  --fv-radius-md: 20px;
  --fv-radius-sm: 14px;

  --fv-shadow-paper: 0 34px 82px rgb(2 11 22 / 21%);
  --fv-shadow-night: 0 34px 90px -34px rgb(0 0 0 / 68%);

  /* JS progressive-enhancement hooks */
  --fv-reading-progress: 0;
  --fv-scroll-offset: 32px;

  position: relative;
  isolation: isolate;

  /* Full bleed even when injected into a constrained TheGem/Elementor wrapper. */
  width: 100vw;
  max-width: 100vw;
  min-width: 0;
  margin: 0 calc(50% - 50vw);
  overflow: clip;

  color: var(--fv-copy);

  background:
    radial-gradient(
      circle at 10% 15%,
      rgb(var(--fv-cyan-rgb) / 8%) 0%,
      transparent 26%
    ),
    radial-gradient(
      circle at 90% 26%,
      rgb(var(--fv-green-rgb) / 10%) 0%,
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #04101B 0%,
      var(--fv-canvas) 20%,
      #0B202D 56%,
      #081824 82%,
      #04101B 100%
    );

  font-family: inherit;
  font-size: 18px;
  line-height: 1.8;
  text-align: left;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.fv-insight--article-02,
.fv-insight--article-02 *,
.fv-insight--article-02 *::before,
.fv-insight--article-02 *::after {
  box-sizing: border-box;
}

.fv-insight--article-02 :where(
  h1,
  h2,
  h3,
  p,
  ol,
  ul,
  figure,
  blockquote
) {
  margin: 0;
  padding: 0;
  font-family: inherit;
}

.fv-insight--article-02 :where(h1, h2, h3) {
  color: inherit;
  font-weight: 650;
  line-height: 1.13;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.fv-insight--article-02 p,
.fv-insight--article-02 li {
  overflow-wrap: break-word;
}

.fv-insight--article-02 a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: .28em;
}

.fv-insight--article-02 a:focus-visible,
.fv-insight--article-02 summary:focus-visible {
  outline: 3px solid var(--fv-cyan);
  outline-offset: 5px;
}

.fv-insight--article-02 img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
}

.fv-insight--article-02 section[id] {
  scroll-margin-top: var(--fv-scroll-offset);
}

.fv-insight--article-02 ::selection {
  color: #03160D;
  background: var(--fv-green-pale);
}


/* ======================================================================
   HERO — CINEMATIC ARTICLE 02
   ====================================================================== */

.fv-insight--article-02 .fv-insight__hero {
  position: relative;
  isolation: isolate;

  min-height: clamp(690px, 58vw, 900px);
  overflow: hidden;

  color: #F4F8FA;
  background: var(--fv-midnight);
}

.fv-insight--article-02 .fv-insight__hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
}

.fv-insight--article-02 .fv-insight__hero-media img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: 70% center;

  filter:
    saturate(.95)
    contrast(1.04)
    brightness(.82);

  transform: scale(1.015);
}

/*
   The approved hero contains editorial typography in the source artwork.
   This dense midnight veil protects HTML-first readability and prevents
   competing embedded artwork from overpowering the semantic H1.
*/
.fv-insight--article-02 .fv-insight__hero::before {
  content: "";

  position: absolute;
  z-index: 1;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgb(2 11 22 / 100%) 0%,
      rgb(2 11 22 / 99%) 30%,
      rgb(2 11 22 / 95%) 43%,
      rgb(2 11 22 / 76%) 55%,
      rgb(2 11 22 / 28%) 72%,
      rgb(2 11 22 / 8%) 100%
    ),
    linear-gradient(
      180deg,
      rgb(2 11 22 / 10%) 0%,
      rgb(2 11 22 / 12%) 56%,
      rgb(2 11 22 / 72%) 100%
    );
}

.fv-insight--article-02 .fv-insight__hero::after {
  content: "";

  position: absolute;
  z-index: 3;

  inset: auto 8% 0;
  height: 1px;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgb(var(--fv-green-rgb) / 76%),
      rgb(var(--fv-cyan-rgb) / 70%),
      transparent
    );
}

.fv-insight--article-02 .fv-insight__hero-inner {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  width: min(calc(100% - 96px), var(--fv-wide));
  min-height: inherit;

  margin-inline: auto;
  padding-block: clamp(86px, 8vw, 126px);
}

.fv-insight--article-02 .fv-insight__hero-copy {
  width: min(790px, 55%);
}

.fv-insight--article-02 .fv-insight__eyebrow,
.fv-insight--article-02 .fv-insight__toc-label,
.fv-insight--article-02 .fv-insight__figure-label,
.fv-insight--article-02 .fv-insight__reference-type,
.fv-insight--article-02 .fv-insight__cta-kicker,
.fv-insight--article-02 .fv-blog-lcs__eyebrow {
  color: var(--fv-green-soft);

  font-size: 12px;
  font-weight: 680;
  line-height: 1.55;

  letter-spacing: .12em;
  text-transform: uppercase;
}

.fv-insight--article-02 .fv-insight__eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 25px;
}

.fv-insight--article-02 .fv-insight__eyebrow::before {
  content: "";
  flex: 0 0 30px;
  width: 30px;
  height: 1px;
  background: linear-gradient(90deg, var(--fv-green), var(--fv-cyan));
}

.fv-insight--article-02 .fv-insight__title {
  max-width: 14.5ch;

  color: #F5F8FA;

  font-size: clamp(50px, 5vw, 78px);
  font-weight: 690;
  line-height: 1.035;
  letter-spacing: -.053em;
}

/* Sacred Fervid Green stays literal here. */
.fv-insight--article-02 .fv-insight__title-accent {
  color: var(--fv-green);
  -webkit-text-fill-color: currentColor;
  background: none;
}

.fv-insight--article-02 .fv-insight__standfirst {
  max-width: 59ch;
  margin-top: 30px;

  color: #D5E1E7;

  font-size: clamp(20px, 1.55vw, 25px);
  line-height: 1.58;
  letter-spacing: -.012em;
}

.fv-insight--article-02 .fv-insight__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;

  margin-top: 29px;

  color: #A9C0CB;

  font-size: 14px;
  line-height: 1.6;
}

.fv-insight--article-02 .fv-insight__meta span {
  display: inline-flex;
  align-items: center;
}

.fv-insight--article-02 .fv-insight__meta span:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 15px;
  margin-inline: 13px;
  background: rgb(169 192 203 / 38%);
}

.fv-insight--article-02 .fv-insight__meta strong {
  color: #F7FAFB;
  font-weight: 680;
}

.fv-insight--article-02 .fv-insight__hero-actions,
.fv-insight--article-02 .fv-insight__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.fv-insight--article-02 .fv-insight__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 56px;
  padding: 14px 24px;

  border: 1px solid rgb(var(--fv-green-rgb) / 48%);
  border-radius: 999px;

  color: #E2F1E5;
  background: rgb(11 34 50 / 78%);

  font-size: 15px;
  font-weight: 680;
  line-height: 1.4;

  text-decoration: none;

  box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}

.fv-insight--article-02 .fv-insight__button:hover {
  color: #FFFFFF;
  border-color: var(--fv-green-soft);
  background: #163A36;
  transform: translateY(-1px);
}

.fv-insight--article-02 .fv-insight__button--primary {
  color: #03160D;
  border-color: var(--fv-green);
  background: var(--fv-green);

  box-shadow:
    0 14px 30px rgb(var(--fv-green-rgb) / 22%),
    inset 0 1px 0 rgb(245 255 245 / 28%);
}

.fv-insight--article-02 .fv-insight__button--primary:hover {
  color: #03160D;
  border-color: var(--fv-green-soft);
  background: var(--fv-green-soft);
  box-shadow:
    0 16px 34px rgb(var(--fv-green-rgb) / 28%),
    inset 0 1px 0 rgb(255 255 255 / 34%);
}


/* ======================================================================
   READING ENVIRONMENT
   ====================================================================== */

.fv-insight--article-02 .fv-insight__shell {
  position: relative;

  display: grid;
  grid-template-columns:
    minmax(210px, var(--fv-toc))
    minmax(0, var(--fv-reading));

  justify-content: center;
  align-items: start;

  gap: clamp(36px, 4.2vw, 62px);

  width: min(calc(100% - 80px), var(--fv-shell));
  margin-inline: auto;
  padding-block: clamp(82px, 8vw, 122px);
}

.fv-insight--article-02 .fv-insight__shell::before {
  content: "";

  position: absolute;
  z-index: -2;
  inset: 42px -26px 46px;

  border: 1px solid rgb(var(--fv-cyan-rgb) / 7%);
  border-radius: 42px;

  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgb(var(--fv-cyan-rgb) / 7%),
      transparent 52%
    ),
    linear-gradient(
      180deg,
      rgb(11 34 50 / 34%),
      rgb(6 23 38 / 15%)
    );

  pointer-events: none;
}

.fv-insight--article-02 .fv-insight__body {
  min-width: 0;
  overflow: hidden;

  padding:
    clamp(50px, 5.2vw, 74px)
    clamp(38px, 5vw, 68px)
    clamp(64px, 6vw, 90px);

  border: 1px solid rgb(116 171 151 / 18%);
  border-radius: var(--fv-radius-lg);

  color: var(--fv-copy);

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 84%,
      #FBFCFB 100%
    );

  box-shadow: var(--fv-shadow-paper);
}


/* ======================================================================
   CONTENTS NAVIGATION
   ====================================================================== */

.fv-insight--article-02 .fv-insight__toc {
  position: sticky;
  top: 28px;

  max-height: calc(100vh - 56px);
  overflow: auto;

  padding: 27px 24px 25px;

  border: 1px solid rgb(116 171 151 / 20%);
  border-radius: var(--fv-radius-md);

  color: var(--fv-copy);

  background:
    linear-gradient(
      145deg,
      rgb(249 252 250 / 98%),
      rgb(235 243 241 / 98%)
    );

  box-shadow: 0 18px 38px rgb(2 11 22 / 11%);

  scrollbar-width: thin;
}

.fv-insight--article-02 .fv-insight__toc-label {
  margin-bottom: 15px;
  color: var(--fv-link);
}

.fv-insight--article-02 .fv-insight__toc ol {
  list-style: none;
  counter-reset: fv-a02-toc;
}

.fv-insight--article-02 .fv-insight__toc li {
  counter-increment: fv-a02-toc;
  border-top: 1px solid var(--fv-line);
}

.fv-insight--article-02 .fv-insight__toc li:first-child {
  border-top: 0;
}

.fv-insight--article-02 .fv-insight__toc a {
  position: relative;

  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 10px;

  padding-block: 11px;

  color: var(--fv-muted);

  font-size: 14px;
  line-height: 1.45;

  text-decoration: none;
}

.fv-insight--article-02 .fv-insight__toc a::before {
  content: counter(fv-a02-toc, decimal-leading-zero);

  color: var(--fv-link);
  font-size: 11px;
  font-weight: 680;
  letter-spacing: .05em;
}

.fv-insight--article-02 .fv-insight__toc a:hover,
.fv-insight--article-02 .fv-insight__toc a:focus-visible,
.fv-insight--article-02 .fv-insight__toc a.is-active {
  color: var(--fv-ink);
}

.fv-insight--article-02 .fv-insight__toc a.is-active {
  font-weight: 680;
}

.fv-insight--article-02 .fv-insight__toc a.is-active::after {
  content: "";

  position: absolute;
  right: -7px;
  top: 50%;

  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: var(--fv-green);

  box-shadow: 0 0 0 5px rgb(var(--fv-green-rgb) / 9%);
  transform: translateY(-50%);
}

.fv-insight--article-02 .fv-insight__mobile-toc {
  display: none;
  margin-bottom: 48px;

  border: 1px solid var(--fv-line);
  border-radius: 17px;

  background: linear-gradient(145deg, #F8FBFA, #EEF5F3);
}

.fv-insight--article-02 .fv-insight__mobile-toc summary {
  cursor: pointer;

  padding: 16px 18px;

  color: var(--fv-ink);
  font-size: 15px;
  font-weight: 680;
}

.fv-insight--article-02 .fv-insight__mobile-toc summary::-webkit-details-marker {
  display: none;
}

.fv-insight--article-02 .fv-insight__mobile-toc nav {
  display: grid;
  gap: 2px;
  padding: 0 18px 17px;
}

.fv-insight--article-02 .fv-insight__mobile-toc a {
  padding: 9px 0;

  border-top: 1px solid var(--fv-line);

  color: var(--fv-copy);
  font-size: 14px;
  line-height: 1.45;

  text-decoration: none;
}

.fv-insight--article-02 .fv-insight__mobile-toc a.is-active {
  color: var(--fv-green-deep);
  font-weight: 680;
}


/* ======================================================================
   LONG-FORM ARTICLE
   ====================================================================== */

.fv-insight--article-02 .fv-insight__section {
  position: relative;
  min-width: 0;
}

.fv-insight--article-02 .fv-insight__section + .fv-insight__section {
  margin-top: clamp(68px, 7vw, 94px);
  padding-top: clamp(68px, 7vw, 94px);
  border-top: 1px solid var(--fv-line);
}

.fv-insight--article-02 .fv-insight__section::before,
.fv-insight--article-02 .fv-insight__section > h2,
.fv-insight--article-02 .fv-insight__section > p,
.fv-insight--article-02 .fv-insight__section > blockquote {
  width: min(100%, var(--fv-copy-measure));
  margin-left: auto;
  margin-right: auto;
}

.fv-insight--article-02 .fv-insight__section::before {
  content: attr(data-section-number);

  display: block;
  margin-bottom: 14px;

  color: rgb(49 109 80 / 58%);

  font-size: 12px;
  font-weight: 720;
  line-height: 1;

  letter-spacing: .12em;
}

.fv-insight--article-02 .fv-insight__section > h2 {
  max-width: min(18ch, 100%);
  margin-bottom: 31px;

  color: var(--fv-ink);

  font-size: clamp(34px, 3.35vw, 50px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.042em;
}

.fv-insight--article-02 .fv-insight__section > p,
.fv-insight--article-02 .fv-insight__section li {
  color: var(--fv-copy);
  font-size: 18px;
  line-height: 1.82;
}

.fv-insight--article-02 .fv-insight__section > p + p {
  margin-top: 1.22em;
}

.fv-insight--article-02 .fv-insight__section strong {
  color: var(--fv-ink);
  font-weight: 680;
}

.fv-insight--article-02 .fv-insight__section a {
  color: var(--fv-link);
  text-decoration-color: rgb(36 94 69 / 38%);
}

.fv-insight--article-02 .fv-insight__section a:hover,
.fv-insight--article-02 .fv-insight__section a:focus-visible {
  color: #173F32;
  text-decoration-color: #173F32;
}

.fv-insight--article-02 .fv-insight__section code {
  padding: .13em .34em;

  border: 1px solid var(--fv-line-strong);
  border-radius: 6px;

  color: var(--fv-link);
  background: #EDF4F0;

  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .89em;
}


/* ======================================================================
   CINEMATIC VISUAL CHAPTERS
   ====================================================================== */

.fv-insight--article-02 .fv-insight__figure {
  width: 100%;
  max-width: 100%;

  margin: clamp(46px, 5.4vw, 66px) auto clamp(18px, 2vw, 24px);
  padding: 10px 10px 0;

  overflow: hidden;

  border: 1px solid rgb(var(--fv-green-rgb) / 20%);
  border-radius: 25px;

  color: #D7E3E8;

  background:
    radial-gradient(
      ellipse at 84% 0%,
      rgb(var(--fv-green-rgb) / 13%),
      transparent 44%
    ),
    linear-gradient(145deg, #04111D, #061B2D);

  box-shadow:
    0 28px 64px -30px rgb(2 11 22 / 58%),
    inset 0 1px 0 rgb(255 255 255 / 3%);
}

.fv-insight--article-02 .fv-insight__figure--wide {
  width: 100%;
}

.fv-insight--article-02 .fv-insight__figure img {
  width: 100%;
  margin: 0;

  border-radius: 15px;
  background: #06111D;
}

.fv-insight--article-02 .fv-insight__figure figcaption {
  display: grid;
  gap: 8px;

  padding: 18px 12px 21px;

  color: #C4D4DC;
  font-size: 14px;
  line-height: 1.6;
}

.fv-insight--article-02 .fv-insight__figure-label {
  color: var(--fv-green-soft);
}


/* ======================================================================
   SCROLLMETA SEMANTIC ALIGNMENT DIAGRAM
   ====================================================================== */

.fv-insight--article-02 .fv-insight__semantic-diagram {
  width: 100%;
  margin: clamp(44px, 5vw, 62px) auto 16px;
  padding: clamp(32px, 4vw, 48px);

  overflow: hidden;

  border: 1px solid rgb(var(--fv-cyan-rgb) / 17%);
  border-radius: 26px;

  color: #D9E5EA;

  background:
    radial-gradient(
      ellipse at 85% 5%,
      rgb(var(--fv-cyan-rgb) / 13%),
      transparent 44%
    ),
    radial-gradient(
      ellipse at 5% 95%,
      rgb(var(--fv-green-rgb) / 10%),
      transparent 45%
    ),
    linear-gradient(135deg, var(--fv-midnight), #061B2D);

  box-shadow: var(--fv-shadow-night);
}

.fv-insight--article-02 .fv-insight__semantic-diagram-title {
  max-width: 68ch;
  margin: 0 auto 28px;
  text-align: center;
}

.fv-insight--article-02 .fv-insight__semantic-diagram-title h3 {
  color: #F3F8FA;
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: -.035em;
}

.fv-insight--article-02 .fv-insight__semantic-diagram-title p {
  margin-top: 10px;
  color: #AFC4CE;
  font-size: 15px;
  line-height: 1.65;
}

.fv-insight--article-02 .fv-insight__semantic-diagram-flow {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr)
    auto
    minmax(0, 1fr)
    auto
    minmax(0, 1fr);

  align-items: stretch;
  gap: 12px;
}

.fv-insight--article-02 .fv-insight__semantic-node {
  position: relative;

  display: grid;
  align-content: center;
  gap: 8px;

  min-height: 150px;
  padding: 22px 20px;

  border: 1px solid rgb(var(--fv-green-rgb) / 30%);
  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgb(81 172 91 / 10%),
      rgb(11 34 50 / 76%)
    );

  box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
}

.fv-insight--article-02 .fv-insight__semantic-node--outcome {
  border-color: rgb(var(--fv-cyan-rgb) / 38%);

  background:
    linear-gradient(
      145deg,
      rgb(105 216 225 / 12%),
      rgb(11 34 50 / 82%)
    );
}

.fv-insight--article-02 .fv-insight__semantic-node-label {
  color: var(--fv-green-soft);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.fv-insight--article-02 .fv-insight__semantic-node--outcome .fv-insight__semantic-node-label {
  color: var(--fv-cyan-soft);
}

.fv-insight--article-02 .fv-insight__semantic-node-note {
  color: #B7CAD3;
  font-size: 13px;
  line-height: 1.55;
}

.fv-insight--article-02 .fv-insight__semantic-connector {
  display: grid;
  place-items: center;

  min-width: 20px;

  color: var(--fv-green-soft);
  font-size: 22px;
  line-height: 1;
}

.fv-insight--article-02 .fv-insight__semantic-connector:nth-of-type(6) {
  color: var(--fv-cyan);
}


/* ======================================================================
   AUTHOR
   ====================================================================== */

.fv-insight--article-02 .fv-insight__author,
.fv-insight--article-02 .fv-insight__research,
.fv-insight--article-02 .fv-blog-lcs,
.fv-insight--article-02 .fv-insight__cta {
  width: min(calc(100% - 80px), var(--fv-wide));
  margin-inline: auto;
}

.fv-insight--article-02 .fv-insight__author {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 29px;

  margin-top: clamp(24px, 3vw, 44px);
  padding: clamp(36px, 4vw, 50px);

  border: 1px solid rgb(116 171 151 / 20%);
  border-radius: var(--fv-radius-md);

  color: var(--fv-copy);

  background:
    linear-gradient(145deg, #FFFFFF, #F2F7F5);

  box-shadow: 0 20px 44px rgb(2 11 22 / 13%);
}

.fv-insight--article-02 .fv-insight__author-mark {
  display: grid;
  width: 80px;
  height: 80px;
  place-items: center;

  border: 1px solid var(--fv-green);
  border-radius: 50%;

  color: var(--fv-green);

  background:
    linear-gradient(145deg, var(--fv-deep), var(--fv-surface));

  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 6%),
    0 12px 26px rgb(2 11 22 / 18%),
    0 0 0 4px rgb(var(--fv-green-rgb) / 6%);

  font-size: 20px;
  font-weight: 720;
  letter-spacing: -.02em;
}

.fv-insight--article-02 .fv-insight__author-role {
  margin-bottom: 7px;
  color: var(--fv-link);
  font-size: 14px;
  font-weight: 680;
  line-height: 1.55;
}

.fv-insight--article-02 .fv-insight__author h2 {
  margin-bottom: 13px;

  color: var(--fv-ink);
  font-size: clamp(28px, 2.5vw, 38px);
  letter-spacing: -.036em;
}

.fv-insight--article-02 .fv-insight__author p {
  max-width: 76ch;

  color: var(--fv-copy);
  font-size: 17px;
  line-height: 1.72;
}

.fv-insight--article-02 .fv-insight__author p + p {
  margin-top: 12px;
}

.fv-insight--article-02 .fv-insight__author a {
  color: var(--fv-link);
  text-decoration-color: rgb(36 94 69 / 38%);
}


/* ======================================================================
   RESEARCH & REFERENCES
   ====================================================================== */

.fv-insight--article-02 .fv-insight__research {
  margin-top: clamp(36px, 4vw, 56px);
  padding: clamp(44px, 5vw, 64px);

  border: 1px solid rgb(116 171 151 / 18%);
  border-radius: var(--fv-radius-lg);

  color: var(--fv-copy);

  background: linear-gradient(145deg, #F6F9F8, #EDF3F2);
  box-shadow: 0 20px 42px rgb(2 11 22 / 11%);
}

.fv-insight--article-02 .fv-insight__research > h2 {
  margin-bottom: 21px;

  color: var(--fv-ink);
  font-size: clamp(34px, 3.5vw, 50px);
  letter-spacing: -.04em;
}

.fv-insight--article-02 .fv-insight__research-intro {
  max-width: 80ch;

  color: var(--fv-copy);
  font-size: 18px;
  line-height: 1.78;
}

.fv-insight--article-02 .fv-insight__reference-group {
  margin-top: 42px;
  padding-top: 36px;
  border-top: 1px solid var(--fv-line);
}

.fv-insight--article-02 .fv-insight__reference-group h3 {
  margin-bottom: 19px;

  color: var(--fv-ink);
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.fv-insight--article-02 .fv-insight__references {
  display: grid;
  gap: 14px;
  list-style: none;
}

.fv-insight--article-02 .fv-insight__references li {
  padding: 22px 24px 24px;

  border: 1px solid var(--fv-line);
  border-radius: 16px;

  background: rgb(255 255 255 / 84%);

  box-shadow: inset 0 1px 0 rgb(255 255 255 / 50%);
}

.fv-insight--article-02 .fv-insight__reference-type {
  display: block;
  margin-bottom: 7px;

  color: var(--fv-link);
  font-size: 11px;
}

.fv-insight--article-02 .fv-insight__references cite {
  color: var(--fv-ink);
  font-size: 16px;
  font-style: normal;
  font-weight: 680;
  line-height: 1.55;
}

.fv-insight--article-02 .fv-insight__references cite a {
  color: inherit;
}

.fv-insight--article-02 .fv-insight__references p {
  margin-top: 7px;

  color: var(--fv-muted);
  font-size: 15px;
  line-height: 1.62;
}


/* ======================================================================
   LIVING CONTENT SYSTEM
   ====================================================================== */

.fv-insight--article-02 .fv-blog-lcs {
  position: relative;
  isolation: isolate;

  overflow: hidden;

  margin-top: clamp(42px, 5vw, 66px);
  padding: clamp(48px, 5.5vw, 72px);

  border: 1px solid rgb(var(--fv-cyan-rgb) / 16%);
  border-radius: var(--fv-radius-lg);

  color: #C9D7DE;

  background:
    radial-gradient(
      ellipse at 90% 5%,
      rgb(var(--fv-cyan-rgb) / 13%),
      transparent 45%
    ),
    radial-gradient(
      ellipse at 7% 98%,
      rgb(var(--fv-green-rgb) / 13%),
      transparent 45%
    ),
    linear-gradient(135deg, #03101B, #071C2A);

  box-shadow: var(--fv-shadow-night);
}

.fv-insight--article-02 .fv-blog-lcs::before {
  content: "";

  position: absolute;
  inset: 0 12% auto;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--fv-green),
      var(--fv-cyan),
      transparent
    );

  opacity: .66;
}

.fv-insight--article-02 .fv-blog-lcs__header {
  max-width: 780px;
}

.fv-insight--article-02 .fv-blog-lcs__eyebrow {
  margin-bottom: 14px;
}

.fv-insight--article-02 .fv-blog-lcs__header h2 {
  max-width: 18ch;

  color: #F3F8FA;
  font-size: clamp(34px, 3.5vw, 50px);
  line-height: 1.12;
  letter-spacing: -.04em;
}

.fv-insight--article-02 .fv-blog-lcs__body > p {
  max-width: 78ch;
  margin-top: 23px;

  color: #BDD0D8;
  font-size: 17px;
  line-height: 1.76;
}

.fv-insight--article-02 .fv-blog-lcs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;

  margin-top: 32px;
}

.fv-insight--article-02 .fv-blog-lcs__item {
  min-width: 0;
  padding: 24px 23px 25px;

  border: 1px solid rgb(var(--fv-green-rgb) / 17%);
  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgb(255 255 255 / 4%),
      rgb(81 172 91 / 5%)
    );

  box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
}

.fv-insight--article-02 .fv-blog-lcs__item h3 {
  color: var(--fv-green-soft);
  font-size: 17px;
  line-height: 1.35;
  letter-spacing: -.018em;
}

.fv-insight--article-02 .fv-blog-lcs__item p {
  margin-top: 9px;

  color: #B5C8D1;
  font-size: 14px;
  line-height: 1.65;
}


/* ======================================================================
   FINAL CONVERSION — BRING FERVID THE PROBLEM
   ====================================================================== */

.fv-insight--article-02 .fv-insight__cta {
  position: relative;
  isolation: isolate;

  overflow: hidden;

  margin-top: clamp(42px, 5vw, 66px);
  margin-bottom: 58px;

  padding: clamp(58px, 6vw, 84px);

  border: 1px solid rgb(var(--fv-green-rgb) / 22%);
  border-radius: var(--fv-radius-xl);

  color: #D5E1E7;

  background:
    radial-gradient(
      circle at 88% 18%,
      rgb(var(--fv-cyan-rgb) / 17%),
      transparent 28%
    ),
    radial-gradient(
      circle at 76% 54%,
      rgb(var(--fv-green-rgb) / 12%),
      transparent 24%
    ),
    linear-gradient(125deg, var(--fv-midnight), #061B2D 72%, #0B2731);

  box-shadow: var(--fv-shadow-night);
}

.fv-insight--article-02 .fv-insight__cta::before {
  content: "";

  position: absolute;
  inset: 0 12% auto;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--fv-green),
      var(--fv-cyan),
      transparent
    );

  opacity: .72;
}

.fv-insight--article-02 .fv-insight__cta::after {
  content: "";

  position: absolute;
  z-index: -1;

  width: 360px;
  height: 360px;

  right: clamp(-100px, -5vw, -30px);
  top: 50%;

  border: 1px solid rgb(var(--fv-green-rgb) / 16%);
  border-radius: 50%;

  box-shadow:
    0 0 0 44px rgb(var(--fv-green-rgb) / 3%),
    0 0 0 88px rgb(var(--fv-cyan-rgb) / 2%);

  transform: translateY(-50%);
}

.fv-insight--article-02 .fv-insight__cta-kicker {
  margin-bottom: 16px;
}

.fv-insight--article-02 .fv-insight__cta h2 {
  max-width: 14ch;

  color: #F4F8FA;

  font-size: clamp(42px, 4.7vw, 70px);
  line-height: 1.07;
  letter-spacing: -.047em;
}

.fv-insight--article-02 .fv-insight__cta h2 span {
  color: var(--fv-green);
}

.fv-insight--article-02 .fv-problem-cta__lead {
  max-width: 46ch;
  margin-top: 24px;

  color: #E5EEF1;

  font-size: clamp(20px, 1.6vw, 24px);
  font-weight: 560;
  line-height: 1.55;
  letter-spacing: -.012em;
}

.fv-insight--article-02 .fv-insight__cta > p:not(.fv-insight__cta-kicker):not(.fv-problem-cta__lead):not(.fv-problem-cta__note) {
  max-width: 67ch;
  margin-top: 20px;

  color: #C3D3DB;
  font-size: 17px;
  line-height: 1.75;
}

.fv-insight--article-02 .fv-problem-cta__note {
  margin-top: 26px;

  color: var(--fv-green-soft);

  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
  letter-spacing: .01em;
}


/* ======================================================================
   READING PROGRESS / JS ENHANCEMENT
   The JavaScript layer may update --fv-reading-progress and .is-active.
   No JS is required for the article to remain usable.
   ====================================================================== */

.fv-insight--article-02.is-js-ready::after {
  content: "";

  position: fixed;
  z-index: 999;

  top: 0;
  left: 0;

  width: calc(var(--fv-reading-progress) * 100%);
  height: 3px;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      var(--fv-green),
      var(--fv-green-soft) 58%,
      var(--fv-cyan)
    );

  box-shadow: 0 0 12px rgb(var(--fv-cyan-rgb) / 20%);
}

body.admin-bar .fv-insight--article-02.is-js-ready::after {
  top: 32px;
}


/* ======================================================================
   RESPONSIVE
   ====================================================================== */

@media (max-width: 1240px) {
  .fv-insight--article-02 {
    --fv-reading: 940px;
  }

  .fv-insight--article-02 .fv-insight__hero-inner,
  .fv-insight--article-02 .fv-insight__shell,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research,
  .fv-insight--article-02 .fv-blog-lcs,
  .fv-insight--article-02 .fv-insight__cta {
    width: calc(100% - 64px);
  }

  .fv-insight--article-02 .fv-insight__shell {
    grid-template-columns: minmax(0, var(--fv-reading));
  }

  .fv-insight--article-02 .fv-insight__toc {
    display: none;
  }

  .fv-insight--article-02 .fv-insight__mobile-toc {
    display: block;
  }
}

@media (max-width: 900px) {
  .fv-insight--article-02 {
    font-size: 17px;
  }

  .fv-insight--article-02 .fv-insight__hero {
    min-height: 720px;
  }

  .fv-insight--article-02 .fv-insight__hero::before {
    background:
      linear-gradient(
        180deg,
        rgb(2 11 22 / 98%) 0%,
        rgb(2 11 22 / 95%) 48%,
        rgb(2 11 22 / 72%) 72%,
        rgb(2 11 22 / 40%) 100%
      );
  }

  .fv-insight--article-02 .fv-insight__hero-media img {
    object-position: 70% bottom;
    filter: saturate(.94) contrast(1.02) brightness(.72);
  }

  .fv-insight--article-02 .fv-insight__hero-inner {
    align-items: flex-start;

    width: calc(100% - 48px);
    padding-block: 66px 116px;
  }

  .fv-insight--article-02 .fv-insight__hero-copy {
    width: 100%;
    max-width: 700px;
  }

  .fv-insight--article-02 .fv-insight__title {
    max-width: 17ch;
    font-size: clamp(42px, 8vw, 62px);
  }

  .fv-insight--article-02 .fv-insight__shell,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research,
  .fv-insight--article-02 .fv-blog-lcs,
  .fv-insight--article-02 .fv-insight__cta {
    width: calc(100% - 40px);
  }

  .fv-insight--article-02 .fv-insight__shell::before {
    inset: 20px -8px 28px;
    border-radius: 30px;
  }

  .fv-insight--article-02 .fv-insight__body {
    padding: 46px 34px 64px;
    border-radius: 24px;
  }

  .fv-insight--article-02 .fv-insight__semantic-diagram-flow {
    grid-template-columns: 1fr;
  }

  .fv-insight--article-02 .fv-insight__semantic-connector {
    min-height: 22px;
    transform: rotate(90deg);
  }

  .fv-insight--article-02 .fv-blog-lcs__grid {
    grid-template-columns: 1fr;
  }

  .fv-insight--article-02 .fv-insight__author {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 22px;
  }

  .fv-insight--article-02 .fv-insight__author-mark {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 782px) {
  body.admin-bar .fv-insight--article-02.is-js-ready::after {
    top: 46px;
  }
}

@media (max-width: 640px) {
  .fv-insight--article-02 .fv-insight__hero {
    min-height: 680px;
  }

  .fv-insight--article-02 .fv-insight__hero-inner {
    width: calc(100% - 36px);
    padding-block: 50px 98px;
  }

  .fv-insight--article-02 .fv-insight__eyebrow {
    font-size: 11px;
  }

  .fv-insight--article-02 .fv-insight__title {
    max-width: 18ch;
    font-size: clamp(38px, 10.1vw, 52px);
    line-height: 1.055;
  }

  .fv-insight--article-02 .fv-insight__standfirst {
    margin-top: 24px;
    font-size: 19px;
  }

  .fv-insight--article-02 .fv-insight__meta {
    display: grid;
    gap: 2px;
    font-size: 13px;
  }

  .fv-insight--article-02 .fv-insight__meta span:not(:last-child)::after {
    display: none;
  }

  .fv-insight--article-02 .fv-insight__hero-actions,
  .fv-insight--article-02 .fv-insight__cta-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .fv-insight--article-02 .fv-insight__button {
    width: 100%;
  }

  .fv-insight--article-02 .fv-insight__shell,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research,
  .fv-insight--article-02 .fv-blog-lcs,
  .fv-insight--article-02 .fv-insight__cta {
    width: calc(100% - 24px);
  }

  .fv-insight--article-02 .fv-insight__shell {
    padding-block: 50px 74px;
  }

  .fv-insight--article-02 .fv-insight__shell::before {
    display: none;
  }

  .fv-insight--article-02 .fv-insight__body {
    padding: 37px 24px 52px;
    border-radius: 20px;
  }

  .fv-insight--article-02 .fv-insight__section::before,
  .fv-insight--article-02 .fv-insight__section > h2,
  .fv-insight--article-02 .fv-insight__section > p,
  .fv-insight--article-02 .fv-insight__section > blockquote {
    width: 100%;
  }

  .fv-insight--article-02 .fv-insight__section + .fv-insight__section {
    margin-top: 58px;
    padding-top: 58px;
  }

  .fv-insight--article-02 .fv-insight__section > h2 {
    margin-bottom: 24px;
    font-size: clamp(30px, 8vw, 39px);
  }

  .fv-insight--article-02 .fv-insight__section > p,
  .fv-insight--article-02 .fv-insight__section li {
    font-size: 17px;
    line-height: 1.78;
  }

  .fv-insight--article-02 .fv-insight__figure {
    margin-top: 38px;
    padding: 7px 7px 0;
    border-radius: 17px;
  }

  .fv-insight--article-02 .fv-insight__figure img {
    border-radius: 11px;
  }

  .fv-insight--article-02 .fv-insight__figure figcaption {
    padding: 14px 8px 17px;
    font-size: 13px;
  }

  .fv-insight--article-02 .fv-insight__semantic-diagram {
    padding: 28px 20px;
    border-radius: 20px;
  }

  .fv-insight--article-02 .fv-insight__semantic-node {
    min-height: auto;
    padding: 20px;
  }

  .fv-insight--article-02 .fv-insight__author {
    grid-template-columns: 1fr;
    padding: 29px 24px;
  }

  .fv-insight--article-02 .fv-insight__author-mark {
    width: 66px;
    height: 66px;
  }

  .fv-insight--article-02 .fv-insight__research,
  .fv-insight--article-02 .fv-blog-lcs {
    padding: 37px 24px;
    border-radius: 22px;
  }

  .fv-insight--article-02 .fv-insight__research-intro {
    font-size: 17px;
  }

  .fv-insight--article-02 .fv-insight__references li {
    padding: 20px;
  }

  .fv-insight--article-02 .fv-insight__cta {
    padding: 50px 26px;
    border-radius: 29px;
  }

  .fv-insight--article-02 .fv-insight__cta::after {
    width: 250px;
    height: 250px;
    right: -120px;
  }

  .fv-insight--article-02 .fv-insight__cta h2 {
    font-size: clamp(38px, 10vw, 50px);
  }
}


/* ======================================================================
   ACCESSIBILITY / MOTION / PRINT
   ====================================================================== */

@media (prefers-reduced-motion: reduce) {
  .fv-insight--article-02 *,
  .fv-insight--article-02 *::before,
  .fv-insight--article-02 *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .fv-insight--article-02 {
    --fv-midnight: Canvas;
    --fv-deep: Canvas;
    --fv-surface: Canvas;
    --fv-canvas: Canvas;
    --fv-paper: Canvas;
    --fv-paper-soft: Canvas;
    --fv-ink: CanvasText;
    --fv-copy: CanvasText;
    --fv-muted: CanvasText;
    --fv-link: LinkText;
    --fv-green: LinkText;
    --fv-green-soft: LinkText;
    --fv-cyan: Highlight;
  }

  .fv-insight--article-02 .fv-insight__button,
  .fv-insight--article-02 .fv-insight__button:hover {
    color: ButtonText !important;
    border: 1px solid ButtonText !important;
    background: ButtonFace !important;
    box-shadow: none !important;
  }
}

@media print {
  .fv-insight--article-02 {
    width: 100%;
    max-width: none;
    margin: 0;

    color: #111 !important;
    background: #FFF !important;

    font-size: 11pt;
  }

  .fv-insight--article-02 .fv-insight__hero {
    min-height: auto;
    color: #111 !important;
    background: #FFF !important;
  }

  .fv-insight--article-02 .fv-insight__hero-media,
  .fv-insight--article-02 .fv-insight__hero::before,
  .fv-insight--article-02 .fv-insight__hero::after,
  .fv-insight--article-02 .fv-insight__hero-actions,
  .fv-insight--article-02 .fv-insight__toc,
  .fv-insight--article-02 .fv-insight__mobile-toc,
  .fv-insight--article-02 .fv-blog-lcs,
  .fv-insight--article-02 .fv-insight__cta,
  .fv-insight--article-02.is-js-ready::after {
    display: none !important;
  }

  .fv-insight--article-02 .fv-insight__hero-inner,
  .fv-insight--article-02 .fv-insight__shell,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .fv-insight--article-02 .fv-insight__title,
  .fv-insight--article-02 .fv-insight__standfirst,
  .fv-insight--article-02 .fv-insight__meta,
  .fv-insight--article-02 .fv-insight__section h2,
  .fv-insight--article-02 .fv-insight__section p,
  .fv-insight--article-02 .fv-insight__section li,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research {
    color: #111 !important;
  }

  .fv-insight--article-02 .fv-insight__body,
  .fv-insight--article-02 .fv-insight__author,
  .fv-insight--article-02 .fv-insight__research {
    border: 0 !important;
    background: #FFF !important;
    box-shadow: none !important;
  }

  .fv-insight--article-02 .fv-insight__figure,
  .fv-insight--article-02 .fv-insight__semantic-diagram {
    width: 100%;
    margin-left: 0;

    border: 1px solid #BBB;
    background: #FFF !important;
    box-shadow: none !important;

    break-inside: avoid;
  }

  .fv-insight--article-02 .fv-insight__figure figcaption,
  .fv-insight--article-02 .fv-insight__figure-label,
  .fv-insight--article-02 .fv-insight__semantic-diagram,
  .fv-insight--article-02 .fv-insight__semantic-node,
  .fv-insight--article-02 .fv-insight__semantic-node-label,
  .fv-insight--article-02 .fv-insight__semantic-node-note {
    color: #333 !important;
    background: #FFF !important;
  }
}
/* ============================================================
   ARTICLE 02 · REMOVE THEGEM / ELEMENTOR TOP GAP
   Post ID: 3296
   ============================================================ */

/* Remove TheGem's default content spacing above Elementor */
body.postid-3296 #main-content,
body.postid-3296 #main-content .block-content,
body.postid-3296 .elementor-location-single,
body.postid-3296 .elementor-3296 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* Remove spacing inherited by the first Elementor container */
body.postid-3296 .elementor-3296 > .e-con:first-child,
body.postid-3296 .elementor-3296 > .elementor-element:first-child,
body.postid-3296 .elementor-3296
  > .elementor-section-wrap
  > .elementor-element:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* TheGem sometimes introduces spacing one wrapper deeper */
body.postid-3296 #main-content .block-content > .container,
body.postid-3296 #main-content .block-content > .container > .panel-center {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* Article itself must begin immediately */
body.postid-3296 .fv-insight--article-02,
body.postid-3296 .fv-insight--article-02 .fv-insight__hero {
  margin-top: 0 !important;
}


/* Prevent any residual wrapper space from showing white */
body.postid-3296 #main-content,
body.postid-3296 #main-content .block-content,
body.postid-3296 .elementor-location-single {
  background: #020b16 !important;
}

/* ============================================================
   FERVID INSIGHTS — ARTICLE 02
   Cinematic Polish Patch · September 2026

   Append AFTER:
   Fervid_Article_02_Award_Winning.css

   Purpose:
   - Remove remaining TheGem / Elementor top-gap behaviour
   - Push the hero toward a premium cinematic editorial treatment
   - Strengthen Fervid Green identity without overusing it
   - Improve hero legibility, depth, framing and transition into reading plane
   - Preserve accessibility, reduced-motion and mobile behaviour

   Sacred Fervid Green: #51AC5B
   ============================================================ */

body.postid-3296 {
  --fv02-green: #51AC5B;
  --fv02-green-soft: #87D691;
  --fv02-green-pale: #B0E8B7;
  --fv02-cyan: #78DCE3;
  --fv02-midnight: #020B16;
  --fv02-deep: #061726;
  --fv02-surface: #0B2232;
}


/* ============================================================
   1. REMOVE THEGEM / ELEMENTOR TOP GAP
   ============================================================ */

body.postid-3296 #main-content,
body.postid-3296 #main-content .block-content,
body.postid-3296 .elementor-location-single,
body.postid-3296 .elementor-3296 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.postid-3296 .elementor-3296 > .e-con:first-child,
body.postid-3296 .elementor-3296 > .elementor-element:first-child,
body.postid-3296 .elementor-3296
  > .elementor-section-wrap
  > .elementor-element:first-child,
body.postid-3296 #main-content .block-content > .container,
body.postid-3296 #main-content .block-content > .container > .panel-center {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.postid-3296 #main-content,
body.postid-3296 #main-content .block-content,
body.postid-3296 .elementor-location-single {
  background: var(--fv02-midnight) !important;
}


/* ============================================================
   2. TRUE FULL-BLEED ARTICLE CANVAS
   ============================================================ */

body.postid-3296 .fv-insight--article-02 {
  position: relative;
  isolation: isolate;

  width: 100vw !important;
  max-width: none !important;

  margin-left: 50% !important;
  margin-right: 0 !important;

  transform: translateX(-50%);

  overflow: clip;

  background:
    radial-gradient(
      circle at 15% 15%,
      rgb(81 172 91 / 9%) 0%,
      transparent 28%
    ),
    radial-gradient(
      circle at 86% 28%,
      rgb(120 220 227 / 8%) 0%,
      transparent 24%
    ),
    linear-gradient(
      180deg,
      #020B16 0%,
      #071521 34%,
      #0A1B29 64%,
      #020B16 100%
    ) !important;
}


/* ============================================================
   3. CINEMATIC HERO FRAME
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__hero {
  position: relative;
  isolation: isolate;

  min-height: clamp(720px, 68vw, 920px);

  margin: 0 !important;
  overflow: hidden;

  background: var(--fv02-midnight);
}


/* Hero image */
body.postid-3296
.fv-insight--article-02
.fv-insight__hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;

  transform: scale(1.018);
  transform-origin: center center;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__hero-media img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: 68% center;

  filter:
    saturate(.88)
    contrast(1.05)
    brightness(.86);
}


/* Dense editorial veil behind headline */
body.postid-3296
.fv-insight--article-02
.fv-insight__hero::before {
  content: "";

  position: absolute;
  z-index: 1;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgb(2 11 22 / 99%) 0%,
      rgb(2 11 22 / 97%) 28%,
      rgb(2 11 22 / 90%) 43%,
      rgb(2 11 22 / 62%) 58%,
      rgb(2 11 22 / 18%) 77%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      rgb(2 11 22 / 10%) 0%,
      rgb(2 11 22 / 12%) 54%,
      rgb(2 11 22 / 76%) 100%
    );
}


/* Soft cinematic light, depth and vignette */
body.postid-3296
.fv-insight--article-02
.fv-insight__hero::after {
  content: "";

  position: absolute;
  z-index: 1;
  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      ellipse at 72% 44%,
      rgb(81 172 91 / 10%),
      transparent 27%
    ),
    radial-gradient(
      ellipse at 84% 70%,
      rgb(120 220 227 / 8%),
      transparent 24%
    ),
    radial-gradient(
      ellipse at center,
      transparent 42%,
      rgb(0 0 0 / 20%) 76%,
      rgb(0 0 0 / 44%) 100%
    );
}


/* ============================================================
   4. HERO CONTENT POLISH
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__hero-inner {
  position: relative;
  z-index: 3;

  width: min(calc(100% - 120px), 1480px);

  min-height: inherit;

  margin-inline: auto;

  padding:
    clamp(92px, 8vw, 126px)
    0
    clamp(96px, 9vw, 138px);
}

body.postid-3296
.fv-insight--article-02
.fv-insight__hero-copy {
  width: min(760px, 56%);
}


/* Eyebrow */
body.postid-3296
.fv-insight--article-02
.fv-insight__eyebrow {
  color: var(--fv02-green-soft);

  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__eyebrow::before {
  width: 34px;
  background:
    linear-gradient(
      90deg,
      var(--fv02-green),
      var(--fv02-cyan)
    );
}


/* Headline */
body.postid-3296
.fv-insight--article-02
.fv-insight__title {
  max-width: 14.5ch;

  color: #F6F9FA;

  font-size: clamp(52px, 5.15vw, 84px);
  font-weight: 690;
  line-height: 1.01;

  letter-spacing: -.054em;

  text-wrap: balance;

  text-shadow:
    0 10px 36px rgb(0 0 0 / 34%);
}


/* Sacred Fervid Green is never approximated here */
body.postid-3296
.fv-insight--article-02
.fv-insight__title-accent {
  color: var(--fv02-green) !important;

  background: none !important;

  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;

  text-shadow:
    0 0 24px rgb(81 172 91 / 10%);
}


/* Deck */
body.postid-3296
.fv-insight--article-02
.fv-insight__standfirst {
  max-width: 56ch;

  margin-top: 34px;

  color: #D4E1E7;

  font-size: clamp(20px, 1.45vw, 24px);
  line-height: 1.62;

  letter-spacing: -.012em;

  text-shadow:
    0 5px 22px rgb(0 0 0 / 28%);
}


/* Meta */
body.postid-3296
.fv-insight--article-02
.fv-insight__meta {
  margin-top: 28px;

  color: #AFC2CC;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__meta strong {
  color: #F4F8FA;
}


/* ============================================================
   5. BUTTON POLISH
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__hero-actions {
  gap: 13px;
  margin-top: 34px;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__button {
  min-height: 56px;

  padding: 14px 24px;

  border-radius: 999px;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__button:not(.fv-insight__button--primary) {
  color: #DCE9E6;

  border-color:
    rgb(81 172 91 / 42%);

  background:
    rgb(6 23 38 / 60%);

  box-shadow:
    inset 0 1px 0
    rgb(255 255 255 / 5%);
}

body.postid-3296
.fv-insight--article-02
.fv-insight__button--primary {
  color: #03170E !important;

  border-color:
    var(--fv02-green) !important;

  background:
    var(--fv02-green) !important;

  box-shadow:
    0 12px 32px
    rgb(81 172 91 / 24%),
    inset 0 1px 0
    rgb(255 255 255 / 24%) !important;
}

@media (hover:hover) and (pointer:fine) {

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__button:hover {
    transform: translateY(-2px);
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__button--primary:hover {
    background:
      var(--fv02-green-soft) !important;

    border-color:
      var(--fv02-green-soft) !important;

    box-shadow:
      0 16px 38px
      rgb(81 172 91 / 28%) !important;
  }
}


/* ============================================================
   6. HERO-TO-ARTICLE CINEMATIC TRANSITION
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__hero {
  box-shadow:
    inset 0 -1px 0
    rgb(81 172 91 / 22%);
}

body.postid-3296
.fv-insight--article-02
.fv-insight__hero-inner::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 44px;

  width: min(420px, 42vw);
  height: 1px;

  background:
    linear-gradient(
      90deg,
      var(--fv02-green),
      rgb(120 220 227 / 54%),
      transparent
    );

  opacity: .72;
}


/* Ambient glow beneath hero */
body.postid-3296
.fv-insight--article-02
.fv-insight__shell::before {
  width: min(1240px, 90vw);
  height: 360px;

  background:
    radial-gradient(
      ellipse at center,
      rgb(81 172 91 / 8%),
      transparent 58%
    ),
    radial-gradient(
      ellipse at 70% 20%,
      rgb(120 220 227 / 6%),
      transparent 42%
    );
}


/* ============================================================
   7. READING PLANE POLISH
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__body {
  border-color:
    rgb(81 172 91 / 16%);

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 82%,
      #FBFCFB 100%
    );

  box-shadow:
    0 34px 84px
    rgb(2 11 22 / 24%),
    0 0 0 1px
    rgb(255 255 255 / 2%);
}


/* Section numbering and headings */
body.postid-3296
.fv-insight--article-02
.fv-insight__section::before {
  color:
    rgb(36 94 69 / 58%);
}

body.postid-3296
.fv-insight--article-02
.fv-insight__section h2 {
  color: #15313F;

  letter-spacing: -.042em;
}


/* ============================================================
   8. CINEMATIC VISUAL CHAPTERS
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__figure {
  position: relative;
  isolation: isolate;

  border:
    1px solid
    rgb(81 172 91 / 22%);

  background:
    radial-gradient(
      ellipse at 82% 0%,
      rgb(81 172 91 / 12%),
      transparent 40%
    ),
    radial-gradient(
      ellipse at 10% 100%,
      rgb(120 220 227 / 8%),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #04111D,
      #061B2D
    );

  box-shadow:
    0 30px 70px -34px
    rgb(0 0 0 / 70%),
    inset 0 1px 0
    rgb(255 255 255 / 3%);
}

body.postid-3296
.fv-insight--article-02
.fv-insight__figure::before {
  content: "";

  position: absolute;
  z-index: 2;

  top: 0;
  left: 12%;
  right: 12%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--fv02-green),
      var(--fv02-cyan),
      transparent
    );

  opacity: .62;

  pointer-events: none;
}

body.postid-3296
.fv-insight--article-02
.fv-insight__figure img {
  filter:
    saturate(.96)
    contrast(1.02);
}


/* ============================================================
   9. TOC GLASS POLISH
   ============================================================ */

body.postid-3296
.fv-insight--article-02
.fv-insight__toc {
  border:
    1px solid
    rgb(81 172 91 / 16%);

  background:
    linear-gradient(
      145deg,
      rgb(248 251 250 / 98%),
      rgb(236 244 241 / 98%)
    );

  box-shadow:
    0 16px 42px
    rgb(2 11 22 / 12%);
}


/* ============================================================
   10. MOBILE / TABLET
   ============================================================ */

@media (max-width: 1100px) {

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-inner {
    width: calc(100% - 72px);
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-copy {
    width: min(720px, 64%);
  }
}

@media (max-width: 860px) {

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero {
    min-height: 720px;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero::before {
    background:
      linear-gradient(
        180deg,
        rgb(2 11 22 / 98%) 0%,
        rgb(2 11 22 / 93%) 46%,
        rgb(2 11 22 / 76%) 67%,
        rgb(2 11 22 / 48%) 100%
      );
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-media img {
    object-position: 72% bottom;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-inner {
    width: calc(100% - 48px);

    padding:
      70px
      0
      116px;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-copy {
    width: 100%;
    max-width: 690px;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__title {
    max-width: 17ch;

    font-size:
      clamp(44px, 8vw, 64px);
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-inner::after {
    bottom: 54px;
    width: 240px;
  }
}

@media (max-width: 620px) {

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero {
    min-height: 680px;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-inner {
    width: calc(100% - 34px);

    padding:
      50px
      0
      104px;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__title {
    font-size:
      clamp(38px, 10vw, 50px);

    line-height: 1.04;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__standfirst {
    max-width: 34ch;

    font-size: 19px;
    line-height: 1.58;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-inner::after {
    bottom: 48px;
    width: 170px;
  }
}


/* ============================================================
   11. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero-media {
    transform: none;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__button {
    transition: none !important;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__button:hover {
    transform: none;
  }
}


/* ============================================================
   12. FORCED COLOURS
   ============================================================ */

@media (forced-colors: active) {

  body.postid-3296
  .fv-insight--article-02,
  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero {
    background: Canvas !important;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero::before,
  body.postid-3296
  .fv-insight--article-02
  .fv-insight__hero::after {
    display: none !important;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__title,
  body.postid-3296
  .fv-insight--article-02
  .fv-insight__standfirst {
    color: CanvasText !important;
    text-shadow: none !important;
  }

  body.postid-3296
  .fv-insight--article-02
  .fv-insight__title-accent {
    color: CanvasText !important;
  }
}
/* ============================================================
   FERVID INSIGHTS — ARTICLE 02
   Internal Authority Navigation + Related Resources Patch
   September 2026

   Append AFTER:
   1) Fervid_Article_02_Award_Winning.css
   2) Fervid_Article_02_Cinematic_Polish_Patch.css

   Scope:
   - Contextual internal-link polish
   - Related strategy / systems / services navigation
   - Sacred Fervid Green: #51AC5B
   - No visible-copy or semantic-claim changes
   ============================================================ */


/* ============================================================
   1. CONTEXTUAL INTERNAL LINKS
   Keep these recognisable without making the article feel
   like an SEO link farm.
   ============================================================ */

.fv-insight--article-02
.fv-insight__section
a[data-scrollmeta-link-role],
.fv-insight--article-02
.fv-blog-lcs
a[data-scrollmeta-link-role] {
  position: relative;

  color: #245E45;

  font-weight: 600;

  text-decoration-line: underline;
  text-decoration-color: rgb(81 172 91 / 38%);
  text-decoration-thickness: 1px;
  text-underline-offset: .28em;

  transition:
    color 180ms ease,
    text-decoration-color 180ms ease;
}

.fv-insight--article-02
.fv-insight__section
a[data-scrollmeta-link-role]:hover,
.fv-insight--article-02
.fv-insight__section
a[data-scrollmeta-link-role]:focus-visible,
.fv-insight--article-02
.fv-blog-lcs
a[data-scrollmeta-link-role]:hover,
.fv-insight--article-02
.fv-blog-lcs
a[data-scrollmeta-link-role]:focus-visible {
  color: #153F32;
  text-decoration-color: #51AC5B;
}


/* ============================================================
   2. RELATED FERVID AUTHORITY NAVIGATION
   ============================================================ */

.fv-insight--article-02
.fv-insight__related-resources {
  --fv-related-green: #51AC5B;
  --fv-related-green-soft: #87D691;
  --fv-related-cyan: #78DCE3;
  --fv-related-midnight: #020B16;
  --fv-related-deep: #061726;
  --fv-related-surface: #0B2232;
  --fv-related-copy: #D3E0E6;
  --fv-related-muted: #9CB3BF;

  position: relative;
  isolation: isolate;

  width: min(calc(100% - 80px), var(--fv-wide, 1480px));

  margin:
    clamp(40px, 5vw, 66px)
    auto
    0;

  padding:
    clamp(48px, 5.5vw, 72px);

  overflow: hidden;

  border:
    1px solid
    rgb(120 220 227 / 14%);

  border-radius:
    clamp(28px, 3vw, 40px);

  color: var(--fv-related-copy);

  background:
    radial-gradient(
      ellipse at 7% 8%,
      rgb(81 172 91 / 15%),
      transparent 31%
    ),
    radial-gradient(
      ellipse at 94% 92%,
      rgb(120 220 227 / 12%),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #020B16 0%,
      #061726 58%,
      #0A2230 100%
    );

  box-shadow:
    0 32px 78px -34px
    rgb(0 0 0 / 68%),
    inset 0 1px 0
    rgb(255 255 255 / 4%);
}


/* Cinematic top rule */
.fv-insight--article-02
.fv-insight__related-resources::before {
  content: "";

  position: absolute;
  z-index: 1;

  top: 0;
  left: 11%;
  right: 11%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--fv-related-green),
      var(--fv-related-cyan),
      transparent
    );

  opacity: .72;

  pointer-events: none;
}


/* Quiet architectural glow */
.fv-insight--article-02
.fv-insight__related-resources::after {
  content: "";

  position: absolute;
  z-index: -1;

  width: 560px;
  height: 560px;

  right: -180px;
  top: -260px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgb(81 172 91 / 12%),
      transparent 68%
    );

  pointer-events: none;
}


.fv-insight--article-02
.fv-insight__related-resources-kicker {
  margin: 0 0 12px;

  color: var(--fv-related-green-soft);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;

  letter-spacing: .13em;
  text-transform: uppercase;
}


.fv-insight--article-02
.fv-insight__related-resources > h2 {
  max-width: 17ch;

  margin: 0 0 clamp(28px, 4vw, 42px);

  color: #F4F8FA;

  font-size:
    clamp(34px, 3.6vw, 52px);

  font-weight: 650;
  line-height: 1.1;

  letter-spacing: -.042em;

  text-wrap: balance;
}


/* ============================================================
   3. RESOURCE CARD GRID
   ============================================================ */

.fv-insight--article-02
.fv-insight__related-resources > ul {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap:
    clamp(14px, 1.5vw, 20px);

  margin: 0;
  padding: 0;

  list-style: none;

  counter-reset: fv-related-card;
}


.fv-insight--article-02
.fv-insight__related-resources > ul > li {
  min-width: 0;

  margin: 0;
  padding: 0;

  counter-increment: fv-related-card;
}


.fv-insight--article-02
.fv-insight__related-resources > ul > li > a {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 230px;
  height: 100%;

  padding:
    26px
    24px
    24px;

  overflow: hidden;

  border:
    1px solid
    rgb(181 221 227 / 13%);

  border-radius: 20px;

  color: var(--fv-related-copy);

  background:
    linear-gradient(
      145deg,
      rgb(14 42 55 / 76%),
      rgb(7 24 38 / 88%)
    );

  box-shadow:
    inset 0 1px 0
    rgb(255 255 255 / 4%);

  text-decoration: none;

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease;
}


/* Card number */
.fv-insight--article-02
.fv-insight__related-resources > ul > li > a::before {
  content:
    counter(
      fv-related-card,
      decimal-leading-zero
    );

  display: block;

  margin-bottom: 30px;

  color: var(--fv-related-green-soft);

  font-size: 11px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: .1em;
}


/* Direction cue */
.fv-insight--article-02
.fv-insight__related-resources > ul > li > a::after {
  content: "↗";

  position: absolute;

  top: 22px;
  right: 22px;

  color: rgb(120 220 227 / 70%);

  font-size: 18px;
  font-weight: 400;
  line-height: 1;

  transition:
    color 220ms ease,
    transform 220ms ease;
}


/* Top accent */
.fv-insight--article-02
.fv-insight__related-resources
> ul
> li:nth-child(odd)
> a {
  border-top-color:
    rgb(81 172 91 / 40%);
}

.fv-insight--article-02
.fv-insight__related-resources
> ul
> li:nth-child(even)
> a {
  border-top-color:
    rgb(120 220 227 / 34%);
}


/* Resource title */
.fv-insight--article-02
.fv-insight__related-resources
a > span {
  display: block;

  margin-bottom: 10px;

  color: #F3F8F9;

  font-size:
    clamp(19px, 1.4vw, 22px);

  font-weight: 650;
  line-height: 1.28;

  letter-spacing: -.022em;
}


/* Resource description */
.fv-insight--article-02
.fv-insight__related-resources
a > small {
  display: block;

  margin-top: auto;

  color: var(--fv-related-muted);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.62;
}


/* ============================================================
   4. HOVER / KEYBOARD INTERACTION
   ============================================================ */

@media (hover:hover) and (pointer:fine) {

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a:hover {
    transform: translateY(-4px);

    border-color:
      rgb(81 172 91 / 42%);

    background:
      linear-gradient(
        145deg,
        rgb(17 53 59 / 88%),
        rgb(7 27 41 / 94%)
      );

    box-shadow:
      0 20px 40px -24px
      rgb(0 0 0 / 72%),
      inset 0 1px 0
      rgb(255 255 255 / 6%);
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a:hover::after {
    color: var(--fv-related-green-soft);

    transform:
      translate(2px, -2px);
  }
}


.fv-insight--article-02
.fv-insight__related-resources
> ul
> li
> a:focus-visible {
  outline:
    3px solid
    var(--fv-related-cyan);

  outline-offset: 4px;

  border-color:
    var(--fv-related-green);
}


/* ============================================================
   5. TABLET
   ============================================================ */

@media (max-width: 1080px) {

  .fv-insight--article-02
  .fv-insight__related-resources {
    width: calc(100% - 48px);

    padding:
      52px
      38px;
  }

  .fv-insight--article-02
  .fv-insight__related-resources > ul {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a {
    min-height: 210px;
  }
}


/* ============================================================
   6. MOBILE
   ============================================================ */

@media (max-width: 620px) {

  .fv-insight--article-02
  .fv-insight__related-resources {
    width: calc(100% - 24px);

    margin-top: 38px;

    padding:
      38px
      22px;

    border-radius: 26px;
  }

  .fv-insight--article-02
  .fv-insight__related-resources > h2 {
    margin-bottom: 26px;

    font-size:
      clamp(30px, 8vw, 40px);
  }

  .fv-insight--article-02
  .fv-insight__related-resources > ul {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a {
    min-height: 0;

    padding:
      22px
      20px;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::before {
    margin-bottom: 22px;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  a > small {
    margin-top: 10px;
  }
}


/* ============================================================
   7. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a,
  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::after {
    transition: none !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a:hover {
    transform: none;
  }
}


/* ============================================================
   8. FORCED COLOURS
   ============================================================ */

@media (forced-colors: active) {

  .fv-insight--article-02
  .fv-insight__related-resources {
    color: CanvasText !important;

    border-color:
      CanvasText !important;

    background:
      Canvas !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a {
    color: LinkText !important;

    border:
      1px solid
      CanvasText !important;

    background:
      Canvas !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  a > span,
  .fv-insight--article-02
  .fv-insight__related-resources
  a > small,
  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::before,
  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::after {
    color:
      LinkText !important;
  }
}


/* ============================================================
   9. PRINT
   Keep useful related destinations in printed/PDF copies.
   ============================================================ */

@media print {

  .fv-insight--article-02
  .fv-insight__related-resources {
    width: 100% !important;

    margin:
      24pt
      0
      0 !important;

    padding:
      18pt
      0 !important;

    border-top:
      1px solid #999 !important;

    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    color: #111 !important;

    background:
      #fff !important;

    box-shadow: none !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources::before,
  .fv-insight--article-02
  .fv-insight__related-resources::after {
    display: none !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources > h2,
  .fv-insight--article-02
  .fv-insight__related-resources
  a > span,
  .fv-insight--article-02
  .fv-insight__related-resources
  a > small {
    color: #111 !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources > ul {
    display: block;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a {
    min-height: 0;

    margin-top: 10pt;
    padding: 0;

    border: 0;

    color: #111 !important;

    background: #fff !important;

    box-shadow: none !important;
  }

  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::before,
  .fv-insight--article-02
  .fv-insight__related-resources
  > ul
  > li
  > a::after {
    display: none;
  }
}/* End custom CSS */