/* MDC v3.0.46 — Targeted visibility fixes */

/* 1. Research > How We Work: all five boxes readable on desktop and mobile */
.how-we-work-visibility-fix {
  background: #f3f8f5 !important;
  color: #2f4552 !important;
}

.how-we-work-visibility-fix .section-intro h2 {
  color: #07345a !important;
}

.how-we-work-visibility-fix .section-intro p {
  color: #526874 !important;
}

.how-we-work-visibility-fix .method-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 1rem !important;
}

.how-we-work-visibility-fix .method-card {
  min-width: 0 !important;
  padding: 1.25rem !important;
  border: 1px solid rgba(6,47,83,.10) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #2f4552 !important;
  box-shadow: 0 12px 28px rgba(6,47,83,.08) !important;
}

.how-we-work-visibility-fix .method-card strong {
  display: block !important;
  margin-bottom: .55rem !important;
  color: #07345a !important;
  font-size: 1.02rem !important;
  line-height: 1.3 !important;
}

.how-we-work-visibility-fix .method-card span {
  display: block !important;
  color: #526874 !important;
  font-size: .93rem !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2. Experts hero: four statistics boxes visible on mobile */
@media (max-width: 768px) {
  .experts-stats-visibility-fix {
    background: linear-gradient(135deg,#073824,#0e5a42 52%,#102c5a) !important;
    color: #ffffff !important;
  }

  .experts-stats-visibility-fix .experts-hero-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: .8rem !important;
    margin-top: 1.4rem !important;
  }

  .experts-stats-visibility-fix .experts-stat {
    display: block !important;
    min-height: 112px !important;
    padding: 1rem !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.14) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .experts-stats-visibility-fix .experts-stat strong {
    display: block !important;
    margin-bottom: .35rem !important;
    color: #ffffff !important;
    font-size: 1.75rem !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  .experts-stats-visibility-fix .experts-stat span {
    display: block !important;
    color: rgba(255,255,255,.94) !important;
    font-size: .85rem !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* 3–4. Publications and Knowledge Hub desktop heroes */
.publications-hero-visibility-fix,
.knowledge-hero-visibility-fix {
  position: relative !important;
  overflow: hidden !important;
  min-height: 460px !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(140,207,67,.22), transparent 27%),
    linear-gradient(135deg,#041f35 0%,#07345a 62%,#17643f 100%) !important;
}

.publications-hero-visibility-fix::before,
.knowledge-hero-visibility-fix::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg,rgba(4,31,53,.22),transparent 60%),
    radial-gradient(circle at 78% 50%,rgba(255,255,255,.06),transparent 32%) !important;
  pointer-events: none !important;
}

.publications-hero-visibility-fix .container,
.knowledge-hero-visibility-fix .container {
  position: relative !important;
  z-index: 2 !important;
}

.publications-hero-visibility-fix .eyebrow,
.knowledge-hero-visibility-fix .eyebrow {
  color: #9bd25e !important;
  opacity: 1 !important;
}

.publications-hero-visibility-fix h1,
.publications-hero-visibility-fix h1 span,
.publications-hero-visibility-fix p,
.knowledge-hero-visibility-fix h1,
.knowledge-hero-visibility-fix h1 span,
.knowledge-hero-visibility-fix p {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

.publications-hero-visibility-fix h1,
.knowledge-hero-visibility-fix h1 {
  max-width: 15ch !important;
  margin: .7rem 0 1rem !important;
  font-size: clamp(2.8rem,5.5vw,5.2rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.publications-hero-visibility-fix p,
.knowledge-hero-visibility-fix p {
  max-width: 68ch !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
}

.knowledge-hero-visibility-fix .research-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .8rem !important;
  margin-top: 1.35rem !important;
}

.knowledge-hero-visibility-fix .button-light {
  color: #07345a !important;
  background: #ffffff !important;
}

@media (max-width: 1000px) {
  .how-we-work-visibility-fix .method-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 768px) {
  .how-we-work-visibility-fix .method-grid {
    grid-template-columns: 1fr !important;
  }

  .publications-hero-visibility-fix,
  .knowledge-hero-visibility-fix {
    min-height: auto !important;
    padding: 3.25rem 0 !important;
  }

  .publications-hero-visibility-fix h1,
  .knowledge-hero-visibility-fix h1 {
    max-width: 100% !important;
    font-size: clamp(2.1rem,9vw,3.2rem) !important;
  }

  .knowledge-hero-visibility-fix .research-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .knowledge-hero-visibility-fix .research-actions .button {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .experts-stats-visibility-fix .experts-hero-stats {
    grid-template-columns: 1fr !important;
  }
}