/* NMIMS CIIS — assets/css/04-sections/faq.css — extracted from approved source (Phase 2B) */

/* ── FAQ ── */
.faq-section { background: var(--off-white); }
.faq-list { margin-top: 48px; display: flex; flex-direction: column; gap: 12px; max-width: 780px; margin-left: auto; margin-right: auto; }
.faq-item { background: white; border-radius: var(--radius-sm); border: 1px solid var(--grey-light); overflow: hidden; transition: box-shadow 0.2s; }
.faq-item:hover { box-shadow: var(--shadow-soft); }
.faq-question { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; cursor: pointer; user-select: none; }
.faq-question span { font-size: 0.95rem; font-weight: 600; color: var(--dark); line-height: 1.4; flex: 1; }
.faq-chevron { width: 28px; height: 28px; border-radius: 50%; background: var(--grey-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 12px; transition: all 0.3s; }
.faq-chevron svg { width: 14px; height: 14px; fill: none; stroke: var(--grey-text); stroke-width: 2.5; transition: transform 0.3s; }
.faq-item.open .faq-chevron { background: var(--purple); }
.faq-item.open .faq-chevron svg { stroke: white; transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.3s; }
.faq-answer-inner { padding: 0 24px 20px; font-size: 0.88rem; color: var(--grey-text); line-height: 1.7; }
.faq-item.open .faq-answer { max-height: 400px; }