/* MDC v3.0.45 — Final mobile polish */

@media (max-width: 768px) {

  /* ABOUT: MDC Way must remain dark, visible, and fully rendered */
  .page-about-mobile-fix .mdc-way-mobile-fix,
  .page-about-mobile-fix .mdc-way-mobile-fix.section-dark {
    background:
      radial-gradient(circle at 85% 15%, rgba(47,127,54,.18), transparent 26%),
      linear-gradient(135deg, #041f35, #07345a) !important;
    color: #ffffff !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .page-about-mobile-fix .mdc-way-mobile-fix *,
  .page-about-mobile-fix .mdc-way-mobile-fix.section-dark * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
  }

  .page-about-mobile-fix .mdc-way-mobile-fix .eyebrow,
  .page-about-mobile-fix .mdc-way-mobile-fix [class*="step"] > span,
  .page-about-mobile-fix .mdc-way-mobile-fix [class*="number"] {
    color: #8ccf43 !important;
  }

  .page-about-mobile-fix .mdc-way-mobile-fix [class*="grid"],
  .page-about-mobile-fix .mdc-way-mobile-fix [class*="steps"],
  .page-about-mobile-fix .mdc-way-mobile-fix [class*="pathway"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .page-about-mobile-fix .mdc-way-mobile-fix [class*="card"],
  .page-about-mobile-fix .mdc-way-mobile-fix article {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 14px !important;
    padding: 1rem !important;
  }

  /* RESEARCH: restore cover image, hero title and four feature boxes */
  .page-research-mobile-fix .research-mobile-hero-fix {
    position: relative !important;
    min-height: auto !important;
    overflow: hidden !important;
    padding: 3rem 0 !important;
    color: #ffffff !important;
    background:
      linear-gradient(135deg, rgba(4,31,53,.92), rgba(7,52,90,.82)),
      url("../images/real-life/research-field.webp") center/cover no-repeat !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
      radial-gradient(circle at 80% 20%, rgba(140,207,67,.18), transparent 26%),
      linear-gradient(180deg, rgba(4,31,53,.10), rgba(4,31,53,.18)) !important;
    pointer-events: none !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix > * {
    position: relative !important;
    z-index: 2 !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix *,
  .page-research-mobile-fix .research-mobile-hero-fix [data-aos],
  .page-research-mobile-fix .research-mobile-hero-fix .reveal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix h1,
  .page-research-mobile-fix .research-mobile-hero-fix h2,
  .page-research-mobile-fix .research-mobile-hero-fix h3,
  .page-research-mobile-fix .research-mobile-hero-fix p,
  .page-research-mobile-fix .research-mobile-hero-fix li,
  .page-research-mobile-fix .research-mobile-hero-fix span,
  .page-research-mobile-fix .research-mobile-hero-fix strong {
    color: #ffffff !important;
    text-shadow: none !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix .eyebrow {
    color: #9bd25e !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix h1 {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(2.15rem, 9vw, 3.15rem) !important;
    line-height: 1.08 !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix [class*="grid"],
  .page-research-mobile-fix .research-mobile-hero-fix [class*="boxes"],
  .page-research-mobile-fix .research-mobile-hero-fix [class*="cards"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  .page-research-mobile-fix .research-mobile-hero-fix [class*="box"],
  .page-research-mobile-fix .research-mobile-hero-fix [class*="card"],
  .page-research-mobile-fix .research-mobile-hero-fix article {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 14px !important;
    padding: 1rem !important;
    backdrop-filter: blur(3px) !important;
  }

  /* Mobile menu labels */
  .mobile-nav-group > summary {
    color: #07345a !important;
  }
}