/*
 * FAQ page. Adapted from ~/Desktop/FCLS/fcls-faq-page.html.
 */

.fcls-faq-tabs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 40px; }
.fcls-faq-tab {
	font-family: inherit; font-size: 13.5px; font-weight: 700; padding: 9px 18px;
	border-radius: 100px; border: 2px solid var(--gray-300); background: var(--white);
	color: var(--charcoal-soft); cursor: pointer; transition: all .15s ease;
}
.fcls-faq-tab.active { background: var(--charcoal); border-color: var(--charcoal); color: var(--white); }

.fcls-faq-item { border-bottom: 1px solid var(--gray-300); }
.fcls-faq-item.is-hidden { display: none; }
.fcls-faq-q { display: flex; justify-content: space-between; align-items: center; padding: 20px 4px; cursor: pointer; font-weight: 600; font-size: 16px; gap: 16px; }
.fcls-faq-q .plus { font-size: 20px; color: var(--red); transition: transform .2s ease; flex-shrink: 0; }
.fcls-faq-item.open .plus { transform: rotate(45deg); }
.fcls-faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; font-size: 14.5px; color: var(--gray-600); }
.fcls-faq-item.open .fcls-faq-a { max-height: 500px; padding: 0 4px 20px; }

@media (max-width: 980px) {
	.fcls-faq-q { font-size: 15px; }
}