/* ==========================================================================
   c-faq-row — Figma: FAQ/Row（PC_close 24517:25902 / SP_close 24540:20867）
   閉: 質問 + ＋アイコン（ブランド色 24px）/ 開: 回答を下に表示（Figma は別フレームで表現。見た目は実装判断）
   開閉は c-accordion.js（.js-accordion-toggle + aria-controls）
   ========================================================================== */

.c-faq-list {
  display: flex;
  flex-direction: column;
}

.c-faq-row {
  border-bottom: 1px solid var(--color-border-default);
  background-color: var(--color-bg-base);
}

.c-faq-row__question {
  display: flex;
  align-items: center;
  gap: var(--space-24);
  width: 100%;
  padding: var(--space-24);
  color: var(--color-text-base);
  text-align: left;
}

.c-faq-row__question-text {
  flex: 1;
  min-width: 0;
}

.c-faq-row__icon {
  flex-shrink: 0;
  width: 24px; /* アイコンサイズ */
  height: 24px;
  color: var(--color-icon-brand);
}

.c-faq-row__question[aria-expanded="false"] .c-faq-row__icon--minus,
.c-faq-row__question[aria-expanded="true"] .c-faq-row__icon--plus {
  display: none;
}

.c-faq-row__answer {
  padding: 0 calc(var(--space-24) * 2 + 24px) var(--space-24) var(--space-24); /* 右: 間隔 24px + アイコン 24px + 余白 24px（質問文と同じ幅にそろえる） */
  color: var(--color-text-base);
}

.c-faq-row__answer[hidden] {
  display: none;
}

@media (max-width: 1023px) {

  .c-faq-row__question-text {
    font-size: 0.875rem; /* SP: renewal/JP/14/Bold（tokens.css .t-jp-14-bold） */
    line-height: calc(24 / 14);
  }

  .c-faq-row__answer {
    font-size: 0.875rem; /* SP: renewal/JP/14/Regular（tokens.css .t-jp-14-regular） */
    line-height: calc(24 / 14);
  }
}