/* ====== BeeConnect FAQ Public (Tab UI) ====== */


/* 空メッセージ */
.bcfaq__empty { color:#667085; margin: 12px 0; }

/* タブバー */
.bcfaq__tabs {
  display:flex; gap:8px; align-items:center;
  /*border-bottom:1px solid #e5e7eb; padding-bottom:8px; margin-bottom:16px;*/
  overflow-x:auto;
  justify-content: center;
  margin: 1em 0;
}
.bcfaq__tab {
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px;
  border:1px solid #e5e7eb; border-bottom-color:transparent;
  border-radius:10px;
  outline: none;
  font-size: 110%;
}

.bcfaq__tab[aria-selected="true"] {
  background:#ffffff;
  border-bottom-color:#ffffff;
  font-weight:600;
}

.bcfaq__tab:focus-visible {
  box-shadow: 0 0 0 3px rgba(37,99,235,0.25);
}

/* パネル群 
.bcfaq__panels { margin-top: 10px; }
*/

/* パネル自体 
.bcfaq__panel {
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:16px;
  margin-bottom:14px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}
*/

/* 見出し */
.bcfaq__heading {
        font-size: 150%;
        font-weight: 700;
        line-height: 240%;
        font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 0.5em;
}

/* Q&A リスト */
.bcfaq__list { margin:0; }
.bcfaq__q {
  font-weight:700;
  margin:16px 0 4px;
  color:#0b1220;
}
.bcfaq__a {
  margin:0 0 8px;
  color:#344155;
}

/* --- 表示切替ロジック --- */
/* JSなし：すべて表示（デフォルト） */
/* JS有効時（.bcfaq-js）のみ、非アクティブパネルを隠す */
.bcfaq-js .bcfaq__panel { display:none; }
.bcfaq-js .bcfaq__panel.is-active { display:block; }

/* レスポンシブ微調整 */
@media (max-width: 720px) {
  .bcfaq__panel { padding:14px; }
  .bcfaq__tab { padding:8px 10px; }
}