/* FAQ page styles. */
.faq-section { padding: 40px 0 60px; }
.faq-category-block { margin-bottom: 28px; }
.faq-category-title { font-size: 20px; font-weight: 700; color: var(--gold); margin-bottom: 16px; }
.faq-item { border: 1px solid var(--border, #2a2a3a); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.faq-question { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; cursor: pointer; background: rgba(255,255,255,0.03); transition: background 0.2s; user-select: none; }
.faq-question:hover { background: rgba(255,255,255,0.06); }
.faq-question span { font-size: 14px; font-weight: 600; flex: 1; }
.faq-question .faq-num { flex: 0 0 auto; min-width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: var(--gold); color: #000; border-radius: 6px; font-size: 12px; font-weight: 700; margin-left: 10px; }
.faq-question i { color: var(--gold); transition: transform 0.3s; font-size: 12px; }
.faq-item.active .faq-question i { transform: rotate(180deg); }
.faq-answer { display: none; padding: 10px 14px; border-top: 1px solid var(--border, #2a2a3a); font-size: 13px; line-height: 1.7; color: #bbb; }
.faq-item.active .faq-answer { display: block; }
body.light-theme .faq-item { border-color: #e8e4df; }
body.light-theme .faq-question { background: #f8f6f3; }
body.light-theme .faq-question:hover { background: #f0ede8; }
body.light-theme .faq-answer { border-top-color: #e8e4df; color: #555; }