.faq-list-item {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);

  @media (width >= 768px) {
    padding-bottom: 36px;
  }

  @media (width >= 1024px) {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .faq-list-item__title {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      border-bottom: 1px solid var(--neutrals-bars-unselected);
      padding: 0 0 var(--spacing-medium);
      font-feature-settings: var(--font-settings);
      font-size: var(--fs-xlarge);
      font-weight: var(--fw-400);
      line-height: var(--lh-large);

      @media (width >= 768px) {
        font-feature-settings: unset;
        padding: 21px 0 9px;
        font-size: var(--fs-xlarge);
        font-weight: var(--fw-600);
        line-height: var(--lh-xxlarge);
      }

      @media (width >= 1024px) {
        letter-spacing: -0.48px;
        padding: 0 0 var(--spacing-small);
        font-size: var(--fs-xxlarge);
        font-weight: var(--fw-400);
        line-height: var(--lh-xxxlarge);
      }
    }
  }

  .accordion {
    .accordion__item {
      padding: var(--spacing-small) 0 var(--spacing-xs);

      @media (width >= 768px) {
        padding: 3px 0;
      }

      @media (width >= 1024px) {
        padding: var(--spacing-medium) 0 var(--spacing-small);

        &:first-of-type {
          padding-top: 28px;
        }
      }

      .accordion__question {
        @media (width >= 768px) {
          height: 51px;

          &::after {
            width: 26px;
            height: 26px;
          }
        }

        @media (width >= 1024px) {
          height: unset;

          &::after {
            width: 32px;
            height: 32px;
          }
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
          font-size: var(--fs-medium);
          font-weight: var(--fw-600);
          line-height: var(--lh-large);

          @media (width >= 768px) {
            font-size: var(--fs-small);
            line-height: 1.9rem;
          }

          @media (width >= 1024px) {
            font-size: var(--fs-medium);
            line-height: var(--lh-large);
          }
        }
      }

      .accordion__answer {
        margin-top: var(--spacing-xsmall);
        font-feature-settings: var(--font-settings);
        font-size: var(--fs-small);
        font-weight: var(--fw-400);
        line-height: var(--lh-medium);

        @media (width >= 768px) {
          font-size: 1.1rem;
          line-height: var(--line-height-body-low);
          margin-top: 0;
        }

        @media (width >= 1024px) {
          margin-top: var(--spacing-small);
          font-size: var(--fs-small);
          line-height: var(--lh-medium);
        }

        a {
          color: var(--primary-color);

          &:hover {
            text-decoration: underline;
          }
        }
      }
    }
  }
}