.faq-detail__head {
  padding-block: var(--gap-5);
  border-bottom: var(--stroke-1) solid var(--border-box-normal);
}

.faq-detail__category {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-muted);
}

.faq-detail__title {
  margin-top: var(--gap-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  color: var(--label-normal);
}

.faq-detail__answer {
  margin-top: var(--gap-5);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  color: var(--label-normal);
}
.faq-detail__answer > * {
  margin: 0;
}
.faq-detail__answer > * + * {
  margin-top: var(--gap-5);
}
.faq-detail__answer p + p {
  margin-top: var(--gap-6);
}
.faq-detail__answer table {
  width: 100%;
  border-collapse: collapse;
}
.faq-detail__answer th,
.faq-detail__answer td {
  padding: var(--gap-4);
  border-bottom: var(--stroke-1) solid var(--border-box-normal);
  font-size: var(--font-size-body-medium);
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}
.faq-detail__answer thead th {
  background: var(--background-strong);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}
.faq-detail__answer tbody td {
  font-weight: var(--font-weight-regular);
  color: var(--label-muted);
}
.faq-detail__answer ol,
.faq-detail__answer ul {
  padding-left: var(--gap-5);
  list-style-position: outside;
}
.faq-detail__answer ol {
  list-style-type: decimal;
}
.faq-detail__answer ul {
  list-style-type: disc;
}
.faq-detail__answer li + li {
  margin-top: var(--gap-1);
}

.faq-detail__table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.faq-detail__help {
  margin-top: var(--gap-20);
}

@media (min-width: 768px) {
  .faq-detail__head {
    padding-top: var(--gap-12);
    padding-bottom: var(--gap-6);
  }
  .faq-detail__answer {
    margin-top: var(--gap-6);
    padding-bottom: var(--gap-6);
    border-bottom: var(--stroke-1) solid var(--border-box-normal);
  }
  .faq-detail__answer table {
    width: auto;
    max-width: 100%;
    table-layout: auto;
  }
  .faq-detail__answer th,
  .faq-detail__answer td {
    width: 260px;
    padding-inline: var(--gap-4);
  }
  .faq-detail__help {
    margin-top: var(--gap-16);
  }
}