/**
 * TechBBQ FAQ Group Heading — FAQ page section divider.
 *
 * Figma FAQ page group heading:
 * - Wide screen 1440: node 7644:90700 (48px H3, py 64px)
 * - Desktop 1024: node 7648:91825 (44px H3, py 64px)
 * - Tablet 768: node 7648:92533 (42px H3, py 64px)
 * - Mobile 375: node 7648:93241 (30px H3, py 40px)
 *
 * Widget root: surface band + internal vertical padding (Figma py).
 * .techbbq-faq-group-heading-wrap (Elementor container): external section gaps only.
 * Horizontal inset uses .section-inner / --techbbq-container-padding.
 *
 * Breakpoints (mobile-first): 0–767, 768–1023, 1024–1439, 1440+.
 */

.techbbq-faq-group-heading {
	padding-block: var(--techbbq-space-5);
	background-color: var(--techbbq-bg-surface);
}

.techbbq-faq-group-heading__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.techbbq-faq-group-heading__title {
	margin: 0;
	color: var(--techbbq-content-primary);
	font-family: var(--techbbq-font-family-heading);
	font-weight: 500;
	line-height: 1.2;
	font-size: 30px;
	letter-spacing: -0.3px;
	text-align: center;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

@media (min-width: 768px) {
	.techbbq-faq-group-heading {
		padding-block: var(--techbbq-section-space-medium);
	}

	.techbbq-faq-group-heading__title {
		font-size: 42px;
		letter-spacing: -0.01em;
	}
}

@media (min-width: 1024px) {
	.techbbq-faq-group-heading__title {
		font-size: 44px;
	}
}

@media (min-width: 1440px) {
	.techbbq-faq-group-heading__title {
		font-size: 48px;
	}
}