/* ==========================================================================
   TeamCNF FAQ (the "FAQ" block)
   A glass card with a photo, key points and a button beside the questions.
   On wide screens the card stays in view while the questions scroll.
   Every value comes from the theme tokens (theme.json): --wp--preset--* and
   --wp--custom--*.
   ========================================================================== */
.tcnf-faq__layout {
	display: grid;
	gap: var(--wp--preset--spacing--70);
}

/* Scoped under .tcnf-faq so the padding and radius win over .tcnf-glass */
.tcnf-faq .tcnf-faq__card {
	padding: var(--wp--preset--spacing--30);
	border-radius: var(--wp--custom--radius--xl);
}

.tcnf-faq .tcnf-faq__media {
	aspect-ratio: 16 / 9;
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: none;
}

.tcnf-faq__content {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	justify-items: start;
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
}

.tcnf-faq__content > * {
	margin: 0;
}

.tcnf-faq__points {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tcnf-faq__points li {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	color: var(--wp--custom--text--primary);
	font-weight: 500;
	line-height: var(--wp--custom--leading--snug);
}

.tcnf-faq .tcnf-filter__btn {
	margin: 0;
}

.tcnf-faq__count {
	margin: 0 0 var(--wp--preset--spacing--40);
	color: var(--wp--custom--text--meta);
	font-size: var(--wp--preset--font-size--x-small);
}

.tcnf-faq .tcnf-accordion__item.tcnf-glass--subtle {
	box-shadow: none;
}

@media (min-width: 1100px) {
	.tcnf-faq__layout {
		grid-template-columns: 0.9fr 1.1fr;
		align-items: start;
		gap: var(--wp--preset--spacing--80);
	}

	.tcnf-faq__aside {
		position: sticky;
		top: calc(var(--wp--custom--size--header) + var(--wp--preset--spacing--60));
	}

	.tcnf-faq__content {
		padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
	}
}

/* Editor placeholder when the block has no content yet */
.tcnf-faq-empty {
	padding: var(--wp--preset--spacing--50);
	border: 1px dashed var(--wp--custom--glass--border);
	border-radius: var(--wp--custom--radius--md);
	color: var(--wp--custom--text--meta);
	font-size: var(--wp--preset--font-size--small);
}