.faq-section { background: var(--bg); }

.faq-quick-nav { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px; }
.quick-nav-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1.5px solid rgba(0,120,180,0.15); border-radius: 50px; padding: 10px 20px; font-size: 13px; font-weight: 700; color: var(--navy); text-decoration: none; transition: all 0.2s; box-shadow: 0 2px 8px rgba(0,80,140,0.06); }
.quick-nav-btn:hover { background: var(--teal); color: #fff; border-color: transparent; }

.faq-group { margin-bottom: 48px; }
.faq-group-header { display: flex; align-items: center; gap: 14px; padding: 18px 24px; border-radius: 16px; margin-bottom: 16px; }
.faq-header-teal   { background: linear-gradient(135deg, #e0f7fa, #b2ebf2); }
.faq-header-gold   { background: linear-gradient(135deg, #fef9e7, #fde68a); }
.faq-header-purple { background: linear-gradient(135deg, #f5f3ff, #ede9fe); }
.faq-group-icon    { font-size: 26px; }
.faq-group-header h2 { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: clamp(18px, 2.5vw, 24px); color: var(--navy); }

.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-item { background: #fff; border-radius: 14px; border-left: 4px solid transparent; padding: 18px 22px; cursor: pointer; box-shadow: 0 2px 10px rgba(0,80,140,0.06); transition: box-shadow 0.2s, border-color 0.2s; }
.faq-item:hover  { box-shadow: 0 6px 20px rgba(0,80,140,0.1); }
.faq-teal.open,   .faq-teal:hover   { border-left-color: var(--teal); }
.faq-gold.open,   .faq-gold:hover   { border-left-color: var(--gold); }
.faq-purple.open, .faq-purple:hover { border-left-color: var(--purple); }

.faq-q { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.faq-q span:first-child { font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.45; }
.faq-chevron { font-size: 11px; color: var(--muted); flex-shrink: 0; }
.faq-a { font-size: 14px; color: var(--muted); font-weight: 600; line-height: 1.75; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(0,120,180,0.08); }