@charset "UTF-8";

@import url("./news-faq.css?v=20261015");

/* FAQ-only overrides keep the shared layout and original styles intact. */
.news-faq-layout {
  --faq-blue: #007CC3;
  --faq-unit: clamp(0.75px, 0.0520833333vw, 1px);
  background: #f8f9fa;
}

.news-faq-layout .news-faq-section {
  padding: calc(80 * var(--faq-unit)) 0 calc(88 * var(--faq-unit)) !important;
}

.news-faq-layout .news-faq-panel {
  padding: calc(36 * var(--faq-unit)) calc(32 * var(--faq-unit)) calc(42 * var(--faq-unit)) !important;
  border: 0;
  border-radius: 10px !important;
}

.news-faq-layout .news-faq-panel__head {
  max-width: none;
}

.news-faq-layout .news-faq-panel__title {
  font-size: calc(28 * var(--faq-unit)) !important;
  line-height: 1.5;
  font-weight: 700;
}

.news-faq-layout .news-faq-panel__line {
  width: calc(48 * var(--faq-unit)) !important;
  height: 3px;
  margin-top: calc(24 * var(--faq-unit)) !important;
  background: var(--faq-blue);
}

.news-faq-layout .news-faq-panel__desc {
  margin-top: calc(24 * var(--faq-unit)) !important;
  color: #999999;
  font-size: max(12px, calc(14 * var(--faq-unit))) !important;
  line-height: 1.9 !important;
}

.news-faq-layout .news-faq-panel__tabs {
  gap: calc(12 * var(--faq-unit)) !important;
  margin-top: calc(30 * var(--faq-unit)) !important;
}

.news-faq-layout .news-faq-panel__tab {
  min-width: 0 !important;
  height: calc(38 * var(--faq-unit));
  padding: 0 calc(16 * var(--faq-unit)) !important;
  color: #888888;
  font-size: max(12px, calc(14 * var(--faq-unit)));
}

.news-faq-layout .news-faq-panel__tab:hover {
  color: var(--faq-blue);
}

.news-faq-layout .news-faq-panel__tab.is-active {
  color: #ffffff;
  border-color: var(--faq-blue);
  background: var(--faq-blue);
}

.news-faq-layout .news-faq-panel__list {
  display: grid;
  gap: calc(18 * var(--faq-unit));
  margin-top: calc(32 * var(--faq-unit)) !important;
  border: 0;
  border-radius: 0 !important;
  overflow: visible;
}

.news-faq-layout .faq-accordion__item {
  border: 1px solid #e8e8eb;
  border-radius: 10px;
  overflow: hidden;
  scroll-margin-top: 100px;
}

.news-faq-layout .faq-accordion__item.is-active {
  border-color: var(--faq-blue);
  background: #f8fcfe;
}

.news-faq-layout .faq-accordion__question {
  gap: calc(12 * var(--faq-unit)) !important;
  min-height: calc(56 * var(--faq-unit)) !important;
  padding: calc(14 * var(--faq-unit)) calc(20 * var(--faq-unit)) !important;
  color: #444444;
}

.news-faq-layout .faq-accordion__item.is-active .faq-accordion__question {
  color: var(--faq-blue);
  background: #ebf5fb;
}

.news-faq-layout .faq-accordion__question-text {
  font-size: max(14px, calc(16 * var(--faq-unit))) !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere;
}

.news-faq-layout .faq-accordion__badge {
  width: calc(24 * var(--faq-unit)) !important;
  height: calc(24 * var(--faq-unit)) !important;
  font-size: max(12px, calc(14 * var(--faq-unit))) !important;
  font-weight: 400;
  color: var(--faq-blue);
  background: #ffffff;
}

.news-faq-layout .faq-accordion__arrow {
  width: 7px;
  height: 7px;
  margin: 0 4px 4px 12px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.news-faq-layout .faq-accordion__arrow::before,
.news-faq-layout .faq-accordion__arrow::after {
  content: none;
}

.news-faq-layout .is-active .faq-accordion__arrow {
  transform: translateY(4px) rotate(225deg);
}

.news-faq-layout .faq-accordion__answer-wrap {
  padding: calc(18 * var(--faq-unit)) calc(20 * var(--faq-unit)) !important;
  border-top: 1px solid #e8eef2;
  background-color: #f8f9fb;
}

.news-faq-layout .faq-accordion__answer {
  gap: calc(12 * var(--faq-unit)) !important;
  padding-top: 0;
}

.news-faq-layout .faq-accordion__answer .faq-accordion__badge {
  margin-top: 0;
  color: #ffffff;
  background: var(--faq-blue);
}

.news-faq-layout .faq-accordion__answer p {
  max-width: 1200px;
  color: #444444;
  font-size: max(12px, calc(14 * var(--faq-unit))) !important;
  line-height: 1.9 !important;
  overflow-wrap: anywhere;
}

.news-faq-layout .news-faq-panel__tab:focus-visible,
.news-faq-layout .faq-accordion__question:focus-visible {
  outline: 2px solid var(--faq-blue);
  outline-offset: -3px;
}

@media screen and (min-width: 1200px) {
  .news-faq-layout .news-faq-section > .container,
  .news-faq-layout .news-filter__inner,
  .news-faq-layout .news-faq-hero .container {
    width: 85.416667% !important;
    min-width: 0 !important;
    max-width: 1640px !important;
    padding: 0 !important;
  }

  .news-faq-layout .news-faq-hero {
    height: calc(480 * var(--faq-unit)) !important;
  }

  .news-faq-layout .news-faq-hero .inner-hero__title {
    font-size: calc(64 * var(--faq-unit)) !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .news-faq-layout .news-faq-section {
    padding: 40px 0 56px !important;
  }

  .news-faq-layout .news-faq-panel {
    padding: 28px 24px 32px !important;
  }
}

@media screen and (max-width: 768px) {
  .news-faq-layout .news-faq-section {
    padding: 24px 0 40px !important;
  }

  .news-faq-layout .news-faq-panel {
    padding: 24px 16px 28px !important;
  }

  .news-faq-layout .news-faq-panel__title {
    font-size: 24px !important;
  }

  .news-faq-layout .news-faq-panel__tabs {
    margin-top: 20px !important;
    gap: 8px !important;
  }

  .news-faq-layout .news-faq-panel__tab {
    height: 30px;
    padding: 0 14px !important;
  }

  .news-faq-layout .news-faq-panel__list {
    margin-top: 20px !important;
    gap: 12px;
  }

  .news-faq-layout .faq-accordion__question {
    min-height: 54px !important;
    padding: 14px 12px !important;
    gap: 8px !important;
  }

  .news-faq-layout .faq-accordion__answer-wrap {
    padding: 14px 12px !important;
  }

  .news-faq-layout .faq-accordion__answer p {
    font-size: 13px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-faq-layout .faq-accordion__arrow,
  .news-faq-layout .news-faq-panel__tab,
  .news-faq-layout .faq-accordion__item {
    transition: none;
  }
}