/* Contrast safeguards for content blocks that use the light category surface. */
.mx-category-faq {
  width: min(100%, 1120px) !important;
  margin: 36px auto 0 !important;
  padding: clamp(24px, 3vw, 34px) !important;
  background: #fffcf8 !important;
  color: #17171b !important;
  border: 1px solid rgba(53, 38, 76, 0.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 40px rgba(32, 24, 42, 0.07) !important;
}

.mx-category-faq__head h2,
.mx-category-faq > h2 {
  margin: 0 0 20px !important;
  color: #111111 !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
}

.mx-category-faq__kicker { display: none !important; }

.mx-category-faq__list { gap: 9px !important; }

.mx-category-faq__item {
  background: #ffffff !important;
  border-color: #ddd7d1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.mx-category-faq__item summary {
  min-height: 58px !important;
  padding: 16px 18px !important;
  color: #1d1b20 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.mx-category-faq__item > div,
.mx-category-faq__item p {
  color: #55515a !important;
}

.mx-category-faq__item > div {
  padding: 0 18px 18px !important;
  line-height: 1.7 !important;
}

.mx-category-faq__item summary span {
  color: #b30d2f !important;
}

@media (forced-colors: active) {
  .mx-category-faq,
  .mx-category-faq__item {
    border: 1px solid CanvasText !important;
  }
}

@media (max-width: 767px) {
  .mx-category-faq {
    margin-top: 24px !important;
    padding: 20px 14px !important;
    border-radius: 14px !important;
  }

  .mx-category-faq__item summary {
    padding: 14px !important;
  }

  .mx-category-faq__item > div {
    padding: 0 14px 15px !important;
  }
}