/**
 * Baixin FAQ KB — front-end styles. Scoped to FAQ pages; complements the
 * theme's design tokens (falls back to its own values if the theme is absent).
 */
.ai-quick-answer {
	background: #ECFDF5;
	border: 1px solid #A7F3D0;
	border-left: 4px solid #0F766E;
	border-radius: 10px;
	padding: 18px 22px;
	margin: 0 0 28px;
}
.ai-quick-answer__label {
	display: inline-block;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #0F766E;
	margin-bottom: 6px;
}
.ai-quick-answer p { margin: 0; font-size: 17px; line-height: 1.6; }

.bfaq-content h2 { scroll-margin-top: 90px; }
.bfaq-list { margin: 0 0 20px; padding-left: 1.2em; }
.bfaq-list li { margin-bottom: 8px; }

.bfaq-faqlist { border: 1px solid #E2E8F0; border-radius: 10px; overflow: hidden; margin: 0 0 24px; }
.bfaq-faq { border-bottom: 1px solid #E2E8F0; }
.bfaq-faq:last-child { border-bottom: 0; }
.bfaq-faq summary {
	cursor: pointer; padding: 15px 44px 15px 18px; font-weight: 600; position: relative; list-style: none;
}
.bfaq-faq summary::-webkit-details-marker { display: none; }
.bfaq-faq summary::after {
	content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
	font-size: 20px; color: #0F766E;
}
.bfaq-faq[open] summary::after { content: "\2212"; }
.bfaq-faq__a { padding: 0 18px 16px; }
.bfaq-faq__a p { margin: 0; }

.bfaq-related { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 24px; }
.bfaq-related li { margin: 0; }

.bfaq-cluster { margin: 32px 0; padding: 22px 24px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 10px; }
.bfaq-cluster h2 { margin: 0 0 14px; font-size: 20px; }
.bfaq-cluster__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 24px; }

.bfaq-hub-group { margin: 0 0 36px; }
.bfaq-hub-group h2 { font-size: 22px; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid #0F766E; }
.bfaq-hub-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 28px; }
.bfaq-hub-list li { margin: 0; line-height: 1.4; }

@media (max-width: 700px) {
	.bfaq-related, .bfaq-cluster__list, .bfaq-hub-list { grid-template-columns: 1fr; }
}