/* Investor FAQ page */

html:has(.faq-page),
.faq-page {
  min-height: 100vh;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto !important;
}

.faq-page {
  position: relative;
  z-index: 1;
}

.faq-page nav {
  position: fixed;
  z-index: 500;
}

.faq-page .faq-main {
  position: relative;
  z-index: 1;
}

.faq-page .nav-links a.is-active {
  color: #1a73e8 !important;
  -webkit-text-fill-color: #1a73e8 !important;
}

.faq-page .nav-links a.is-active:after {
  transform: scaleX(1);
  background: #1a73e8;
}

.faq-main {
  max-width: 800px;
  margin: 0 auto;
  padding: 120px 24px 80px;
}

.faq-hero {
  margin-bottom: 40px;
  text-align: center;
}

.faq-hero .sec-eye {
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.faq-title {
  font-family: "Newsreader", Georgia, serif;
  font-weight: 300;
  font-size: clamp(40px, 6vw, 56px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #202124;
  margin: 0 0 16px;
  text-align: center;
}

.faq-lead {
  font-family: "Albert Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.55;
  color: #3c4043;
  margin: 0;
  max-width: 36rem;
}

.faq-content .faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faq-page .site-footer {
  margin-top: 40px;
}

@media (max-width: 640px) {
  .faq-main {
    padding: 100px 20px 64px;
  }

  .faq-title {
    font-size: clamp(34px, 10vw, 44px);
  }
}