html {
  scroll-behavior: smooth;
  scroll-padding-top: 74px;
}

@media (min-width: 1024px) {
  html {
    scroll-padding-top: 118px;
  }
}

body {
  margin: 0;
  overflow-x: hidden;
  font-optical-sizing: auto;
}

#site-frame {
  width: 100%;
}

#site-scale-root {
  width: 100%;
  max-width: 100%;
  transform-origin: top left;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  background: #fff;
  color: #02192d;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

.faq-trigger::after {
  content: "+";
  margin-left: 0.9rem;
  font-size: 1rem;
}

.faq-trigger[aria-expanded="true"]::after {
  content: "-";
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 1rem;
  transition: max-height 0.25s ease;
}

.faq-content.is-open {
  max-height: min(90vh, 3200px);
}

@media (max-width: 1023px) {
  .faq-content.is-open {
    max-height: 80vh;
  }

  .faq-trigger {
    font-size: 1rem;
    line-height: 1.35;
  }

  .faq-content p {
    font-size: 1rem;
    line-height: 1.45;
  }

  .faq-content ul {
    font-size: 1rem;
    line-height: 1.45;
  }
}

.faq-content p {
  color: #02192d;
  margin: 0;
  padding-bottom: 0.95rem;
  /* font-size: 16px; */
  line-height: 1.3;
}

.faq-content ul {
  margin: 0 0 0.95rem 1.25rem;
  padding: 0;
  color: #02192d;
  /* font-size: 24px; */
  line-height: 1.35;
  list-style-type: disc;
}

.faq-content li {
  margin-bottom: 0.35rem;
}