/* SERPIFAI Insights Hub Performance V1.0.0
   Exact hub-used card rules consolidated from seven protected article-visual
   stylesheets. Source stylesheets and all article files remain unchanged. */


/* Source: serpifai-article-visual-system-v1-0-8.css */

:root {
  --serpifai-visual-radius: clamp(18px, 2vw, 30px);
  --serpifai-visual-border: color-mix(in srgb, #7dd3fc 24%, transparent);
  --serpifai-visual-shadow: 0 24px 70px rgba(0, 10, 24, .28);
}

[data-serpifai-media-replaced="card"] {
  background-image: none !important;
}

[data-serpifai-media-replaced="card"]::before,
[data-serpifai-media-replaced="card"]::after,
[data-serpifai-media-replaced="card"] :is([class*="image"],[class*="media"],[class*="visual"],[class*="thumb"],[class*="art"],[class*="photo"]):not([data-serpifai-card-visual])::before,
[data-serpifai-media-replaced="card"] :is([class*="image"],[class*="media"],[class*="visual"],[class*="thumb"],[class*="art"],[class*="photo"]):not([data-serpifai-card-visual])::after,
[data-serpifai-legacy-media-cleared="true"],
[data-serpifai-legacy-media-cleared="true"]::before,
[data-serpifai-legacy-media-cleared="true"]::after {
  background-image: none !important;
}

.serpifai-library-card-visual {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071625;
}

.serpifai-library-card-visual picture,
.serpifai-library-card-visual img { display: block; width: 100%; height: 100%; }

.serpifai-library-card-visual img {
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), filter .45s ease;
}

:is(article, li, a, div):hover > .serpifai-library-card-visual img,
.serpifai-library-card-visual:hover img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.02);
}

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

.serpifai-library-card-visual img,
  [data-serpifai-focus-sidebar="true"] { transition: none !important; }

}


/* Source: serpifai-article-visual-structural-repair-v1-0-9-3.css */

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 [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;
}


/* Source: serpifai-article-visual-system-batch-02-v1-0-3.css */

body.serpifai-avs-b02-v1-0-3 {
  --sav-b02-hero-image: none;
  --sav-b02-hero-position: center center;
  --sav-b02-hero-opacity: .94;
}

body.serpifai-avs-b02-v1-0-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;
}

body.serpifai-avs-b02-v1-0-3 [data-serpifai-card-id] > .serpifai-library-card-visual picture,
body.serpifai-avs-b02-v1-0-3 [data-serpifai-card-id] > .serpifai-library-card-visual img {
  display:block !important;
  width:100% !important;
  height:100% !important;
}

body.serpifai-avs-b02-v1-0-3 [data-serpifai-card-id] > .serpifai-library-card-visual img {
  object-fit:cover !important;
}


/* Source: serpifai-article-visual-system-batch-03-v1-0-0.css */

body.serpifai-avs-b03-v1-0-0 {
  --sav-b03-hero-image:none;
  --sav-b03-hero-position:center center;
  --sav-b03-hero-opacity:1;
}

body.serpifai-avs-b03-v1-0-0 [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; }

body.serpifai-avs-b03-v1-0-0 [data-serpifai-card-id] > .serpifai-library-card-visual picture,
body.serpifai-avs-b03-v1-0-0 [data-serpifai-card-id] > .serpifai-library-card-visual img { display:block !important;width:100% !important;height:100% !important; }

body.serpifai-avs-b03-v1-0-0 [data-serpifai-card-id] > .serpifai-library-card-visual img { object-fit:cover !important; }


/* Source: serpifai-article-visual-system-batch-05-v1-0-0.css */

body.serpifai-avs-b05-v1-0-0 {
  --sav-b05-hero-position:center center;
}

body.serpifai-avs-b05-v1-0-0 [data-serpifai-b05-card] > .serpifai-b05-card-visual {
  display:block !important;width:100% !important;aspect-ratio:16/9 !important;overflow:hidden !important;
}

body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual picture,
body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual img {
  display:block !important;width:100% !important;height:100% !important;
}

body.serpifai-avs-b05-v1-0-0 .serpifai-b05-card-visual img { object-fit:cover !important; }


/* Source: serpifai-article-visual-system-batches-06-15-v1-0-0.css */

body.serpifai-avs-b0615-library-v1-0-0 [data-serpifai-media-replaced="card"] > a > .serpifai-library-card-visual { display:block !important; width:100% !important; aspect-ratio:16/9 !important; overflow:hidden !important; }

body.serpifai-avs-b0615-library-v1-0-0 .serpifai-library-card-visual picture,
body.serpifai-avs-b0615-library-v1-0-0 .serpifai-library-card-visual img { display:block !important; width:100% !important; height:100% !important; }

body.serpifai-avs-b0615-library-v1-0-0 .serpifai-library-card-visual img { object-fit:cover !important; transition:transform .35s ease; }

body.serpifai-avs-b0615-library-v1-0-0 [data-serpifai-media-replaced="card"]:hover .serpifai-library-card-visual img { transform:scale(1.025); }

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

body.serpifai-avs-b0615-v1-0-0 .ri-article-layout > [data-serpifai-focus-sidebar="true"],
  body.serpifai-avs-b0615-library-v1-0-0 .serpifai-library-card-visual img { transition:none !important; }

}


/* T4 V1.0.1 — Insights hub tablet navigation correction.
   Mirrors the accepted homepage navigation contract only for 761–1050px.
   Desktop, existing <=760px mobile behaviour, shared T3 assets and article files remain unchanged. */
@media (min-width: 761px) and (max-width: 1050px) {
  .sfv-family-insights-hub .site-header {
    height: 70px;
  }

  .sfv-family-insights-hub .nav-shell {
    gap: 18px;
  }

  .sfv-family-insights-hub .brand img {
    width: 184px;
  }

  .sfv-family-insights-hub .menu-button {
    display: block;
    flex: 0 0 auto;
  }

  .sfv-family-insights-hub .primary-nav {
    position: fixed;
    inset: 70px 0 auto;
    display: none;
    max-height: calc(100dvh - 70px);
    overflow-y: auto;
    overscroll-behavior: contain;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 4px;
    padding: 18px 20px 24px;
    border-bottom: 1px solid var(--line);
    background: rgba(4, 16, 29, .98);
  }

  .sfv-family-insights-hub .primary-nav.open {
    display: flex;
  }

  .sfv-family-insights-hub .primary-nav > a:not(.button) {
    display: flex;
    min-height: 44px;
    padding: 10px 5px;
    white-space: normal;
  }

  .sfv-family-insights-hub .primary-nav > .button {
    width: 100%;
    margin-top: 6px;
  }
}