/* FAQ page layout extracted from the legacy Webflow export in Phase 15.
   Interaction state/animation remains in components/faq.css. */

.faq-answer {padding: 0 2vw;
  overflow: hidden;}.faq-group-row {grid-column-gap: var(--mem-space-inline-sm);
  grid-row-gap: var(--mem-space-inline-sm);
  flex-flow: column;
  width: 100%;
  display: flex;}.faq-container {flex-direction: row;
  width: 100%;
  max-width: 1140px;
  display: flex;
  position: relative;}.faq-menu {grid-column-gap: var(--mem-space-inline-xs);
  grid-row-gap: var(--mem-space-inline-xs);
  border: .07vw solid var(--faded-super-silver);
  background-color: var(--pot-black);
  border-radius: 1vw;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 3%;
  display: flex;}.faq-question {border: .07vw solid var(--faded-super-silver);
  cursor: pointer;
  border-radius: 4vw;
  justify-content: space-between;
  padding: 1.5vw 2vw;
  display: flex;}.faq-menu-item {color: var(--faded-super-silver);
  letter-spacing: .12vw;
  text-transform: uppercase;
  border-radius: 100vw;
  flex: none;
  align-items: center;
  padding: .8vw 1vw;
  font-size: .8vw;
  font-weight: var(--mem-weight-medium);
  line-height: 1.2;
  text-decoration: none;
  display: flex;}.faq-menu-wrapper.desktop .faq-menu-item.is-active {background-color: var(--super-silver);
  color: var(--ink);
  font-weight: var(--mem-weight-semibold);
  transition: background-color .3s ease, color .3s ease;}.faq-menu-item.is-current {background-color: var(--super-silver);
  color: var(--ink);
  margin-left: .5rem;
  margin-right: .5rem;
  font-weight: var(--mem-weight-semibold);
  transition: color .3s, font-size .3s;}.faq-menu-item.active {font-weight: var(--mem-weight-semibold);}.faq-groups-wrapper {grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  flex-flow: column;
  width: 70%;
  display: flex;
  position: static;
  left: 30%;}.faq-arrow {z-index: 0;
  width: 1.2vw;
  position: relative;}.faq-menu-wrapper {align-items: flex-start;
  width: 30%;
  height: 100%;
  display: flex;
  position: sticky;
  top: 6rem;}.faq-menu-wrapper.from-tablet {display: none;}.faq-menu-item-label {max-width: 64ch;
  text-decoration: none;}.overlay-gradient-faq {pointer-events: none;
  display: none;}.script-one-character-container {z-index: 2;
  background-image: linear-gradient(340deg, var(--winterspring-lilac) 40%, var(--evil-sunz-scarlet) 88%);
  color: var(--ink);
  -webkit-text-stroke-width: .15px;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: default;
  border-radius: 100vw;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 3.5vw;
  max-width: none;
  height: 5.5vw;
  padding: .1% 1.5%;
  font-family: var(--mem-font-script);
  font-size: 8vw;
  line-height: .9;
  display: inline-flex;
  position: absolute;
  inset: auto 9% 0% auto;
  overflow: hidden;
  transform: rotate(20deg);
  box-shadow: 0 2px 7px 1px #0003;}.script-one-character-container.fr-version {right: 20%;}@media screen and (min-width: 1280px) {.faq-menu {grid-column-gap: var(--mem-space-block-sm);
    grid-row-gap: var(--mem-space-block-sm);
    border-width: .18vh;
    border-radius: 2vh;}.faq-question {border-width: .18vh;
    border-radius: 8vh;
    padding: 3vh 4vh;}.faq-menu-item {letter-spacing: .16vh;
    border-radius: var(--mem-radius-pill);
    padding: 1.4vh 2vh;
    font-size: 1.7vh;}.faq-groups-wrapper {grid-column-gap: 20vh;
    grid-row-gap: 20vh;}.faq-arrow {width: 2.4vh;}.script-one-character-container {width: 6vh;
    height: 10vh;
    font-size: 12vh;
    right: 16%;}.script-one-character-container.fr-version {right: 25%;}}@media screen and (max-width: 991px) {.faq-answer {padding-left: 3vh;
    padding-right: 3vh;}.faq-group-row {grid-column-gap: var(--mem-space-block-sm);
    grid-row-gap: var(--mem-space-block-sm);}.faq-container {flex-direction: column;}.faq-menu {z-index: 9999999;
    grid-column-gap: var(--mem-space-block-xs);
    grid-row-gap: var(--mem-space-block-xs);
    border-width: .18vh;
    border-radius: 8vh;
    flex-direction: row;
    justify-content: flex-start;
    width: auto;
    max-width: none;
    padding-top: 2%;
    padding-bottom: 2%;
    position: relative;
    overflow: auto;}.faq-question {border-width: .13vh;
    border-radius: 8vh;
    padding: 2.5vh 3vh;}.faq-menu-item {color: var(--super-silver);
    letter-spacing: .2vh;
    border-radius: var(--mem-radius-pill);
    padding: 1vh 1.8vh;
    font-size: 1.6vh;}.faq-menu-item:active {background-color: var(--super-silver);
    color: var(--ink);
    border-radius: 100vw;}.faq-menu-item.is-current {margin-left: 0;
    margin-right: 0;}.faq-menu-item.is-current:active {background-color: var(--super-silver);
    border-radius: 100vw;}.faq-menu-item.active {background-color: var(--super-silver);
    color: var(--ink);}.faq-groups-wrapper {grid-column-gap: 12vh;
    grid-row-gap: 12vh;
    width: 100%;}.faq-arrow {z-index: 0;
    width: 2.2vh;
    position: relative;}.faq-item-wrapper {z-index: 8888;
    position: static;}.faq-menu-wrapper {z-index: 9999;
    width: 100%;
    margin-bottom: 6vh;
    position: relative;
    top: 0;}.faq-menu-wrapper.from-tablet {display: flex;}.faq-menu-wrapper.desktop {display: none;}.overlay-gradient-faq {z-index: 2;
    background-image: linear-gradient(45deg, #0000, #181818 71%);
    width: 10vw;
    height: 100%;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;}.overlay-gradient-faq.left {background-image: linear-gradient(270deg, #0000, #191919 71%);
    inset: 0% auto 0% 0%;}.overlay-gradient-faq.right {background-image: linear-gradient(90deg, #0000, #191919 71%);}.faq-menu-scrollable-tablet {grid-column-gap: var(--mem-space-block-xs);
    grid-row-gap: var(--mem-space-block-xs);
    align-items: flex-start;
    display: flex;
    overflow: auto;}.script-one-character-container {width: 4vh;
    height: 6vh;
    font-size: 8vh;
    top: auto;
    bottom: -4%;
    right: 46%;}.script-one-character-container.fr-version {right: 52%;}}@media screen and (max-width: 767px) {.overlay-gradient-faq.left {background-image: linear-gradient(270deg, #0000, #191919 71%);}.overlay-gradient-faq.right {background-image: linear-gradient(90deg, #0000, #191919 71%);}.script-one-character-container {width: 3.3vh;
    height: 5.5vh;
    font-size: 6vh;
    bottom: -7%;
    right: 53%;}.script-one-character-container.fr-version {right: 58%;}}@media screen and (max-width: 479px) {.faq-menu {padding-top: 3%;
    padding-bottom: 3%;}.faq-question {grid-column-gap: var(--mem-space-block-sm);
    grid-row-gap: var(--mem-space-block-sm);
    border-radius: 4vh;}.faq-menu-item {font-size: 1.6vh;}.faq-groups-wrapper {grid-column-gap: var(--mem-space-block-lg);
    grid-row-gap: var(--mem-space-block-lg);}.faq-arrow {width: 2.3vh;}.faq-menu-wrapper {margin-bottom: 5vh;}.overlay-gradient-faq.right {background-image: linear-gradient(90deg, #0000, #191919 71%);}.script-one-character-container {width: 3.2vh;
    height: 5vh;
    padding-left: 3%;
    padding-right: 3%;
    font-size: 6vh;
    right: 51%;}.script-one-character-container.fr-version {right: 56%;}}

/* FAQ filter rail and mobile topic switching. */
.faq-menu-scrollable-tablet,
.faq-menu {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.faq-menu-scrollable-tablet::-webkit-scrollbar,
.faq-menu::-webkit-scrollbar {
  display: none;
}

.overlay-gradient-faq {
  transition: opacity 0.5s ease;
}

@media screen and (max-width: 991px) {
  .faq-group-row {
    display: none;
    animation: faqFadeIn 0.8s;
  }

  .faq-group-row.active {
    display: flex;
  }

  @keyframes faqFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}