/* ─────────────────────────────────────────────────────────────
   Ayurveda FAQ — accordion list inside the shared sub-page layout.
   Sits on top of panchakarma.css + about-ayurveda.css.
   ───────────────────────────────────────────────────────────── */

/* hari line under the hero */
.hero .hari {
  font-family: 'Tiro Devanagari Sanskrit', serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--saffron);
  margin-top: 14px;
}

/* the answers are longer here than on the homepage, so each section
   holds its own accordion list */
.faq-list {
  border-top: 1px solid var(--rule);
  margin: 8px 0 8px;
}

.faq-item {
  border-bottom: 1px solid var(--rule);
}

.faq-q {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 22px 4px 22px 0;
  display: -webkit-box; display: -webkit-flex; display: flex;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
  -webkit-box-align: center; -webkit-align-items: center; align-items: center;
  gap: 18px;
  cursor: pointer;
  text-align: left;
  font-family: 'Fraunces', 'Cormorant Garamond', serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
  color: var(--ink);
  -webkit-transition: color 0.3s; transition: color 0.3s;
}
.faq-q:hover { color: var(--moss); }

.faq-q .plus {
  -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  color: var(--saffron);
  font-weight: 300;
  -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;
}
.faq-item.open .faq-q .plus { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.faq-item.open .faq-q { color: var(--moss); }

.faq-a {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.45s ease; transition: max-height 0.45s ease;
}
/* generous ceiling — the Basti/Kapha answers are long */
.faq-item.open .faq-a { max-height: 1200px; }

.faq-a-inner {
  padding: 0 4px 26px 0;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(26, 31, 36, 0.78);
  max-width: var(--measure);
}
.faq-a-inner em { font-style: italic; color: var(--moss); }
.faq-a-inner strong { color: var(--ink); font-weight: 600; }
.faq-a-inner a {
  color: var(--moss);
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: rgba(47, 90, 85, 0.4);
  text-decoration-color: rgba(47, 90, 85, 0.4);
}
.faq-a-inner a:hover { color: var(--ochre-ink); }

/* lists inside answers (eight branches, medicine forms) */
.faq-ol, .faq-ul {
  margin: 4px 0 0;
  padding-left: 22px;
}
.faq-ol li, .faq-ul li {
  margin-bottom: 7px;
  padding-left: 4px;
}
.faq-ol li em, .faq-ul li em { color: var(--saffron); font-style: italic; }

@media (max-width: 640px) {
  .faq-q { font-size: 18px; padding: 18px 2px; }
  .faq-a-inner { font-size: 16px; }
}