/*
 * FAQ archive block — rules TailwindPHP can't compile from arbitrary
 * variant syntax. Scoped to [data-faq-archive] so they don't leak.
 *
 *   summary::-webkit-details-marker — older WebKit (Safari) needs the
 *     vendor-prefixed pseudo to suppress the default disclosure
 *     triangle. Modern browsers use ::marker, which `list-none`
 *     already covers.
 *
 *   [data-faq-toc-link][data-active="true"] — TailwindPHP doesn't
 *     handle `data-[active=true]:` arbitrary variants, so the JS-set
 *     data attribute needs a real CSS rule to bold the active link.
 */

[data-faq-archive] summary::-webkit-details-marker {
	display: none;
}

[data-faq-archive] [data-faq-toc-link][data-active="true"] {
	font-weight: 700;
}

[data-faq-archive] .faq-list {
	--faq-row-gap: 13.5px;
	--faq-row-border: 2px;
	--faq-trigger-py: 20px;
	--faq-gap-compensation: calc((var(--faq-row-gap) - var(--faq-row-border)) / 2);
	gap: var(--faq-row-gap);
}

[data-faq-archive] .faq-list .faq-trigger {
	padding-top: calc(var(--faq-trigger-py) - var(--faq-gap-compensation));
	padding-bottom: calc(var(--faq-trigger-py) + var(--faq-gap-compensation));
}