/* ============================================================
   FAQ Accordion
   ============================================================ */
.faq-list{
  border-top:1px solid var(--line);
}
.faq-item{
  border-bottom:1px solid var(--line);
}
.faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-5);
  padding:var(--sp-5) var(--sp-2);
  text-align:left;
  font-family:var(--font-body);
  font-weight:700;
  font-size:1rem;
  color:var(--ink);
}
.faq-q .plus{
  flex:none;
  width:28px; height:28px;
  border:1px solid var(--line-strong);
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.faq-q .plus::before, .faq-q .plus::after{
  content:""; position:absolute;
  background:var(--black-900);
  transition:transform var(--dur-med) var(--ease), opacity var(--dur-med) var(--ease);
}
.faq-q .plus::before{ width:12px; height:1.5px; }
.faq-q .plus::after{ width:1.5px; height:12px; }
.faq-item[data-open="true"] .plus::after{ transform:rotate(90deg); opacity:0; }
.faq-item[data-open="true"] .plus{ border-color:var(--jodhpur-500); }
.faq-a-wrap{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows var(--dur-med) var(--ease);
}
.faq-item[data-open="true"] .faq-a-wrap{ grid-template-rows:1fr; }
.faq-a-inner{ overflow:hidden; }
.faq-a{
  padding:0 var(--sp-2) var(--sp-5) 0;
  color:var(--slate);
  font-size:var(--fs-sm);
  max-width:60ch;
}