/*
 * Answer parts (answer research, 2026-09-28).
 *
 * AG1 — FAQ_Component is a list of native <details>/<summary> disclosures
 * (class-faq-component.php, item_html()). daisyUI's `collapse` draws the item,
 * its chevron and the 0 -> auto height change on ::details-content; this file
 * only sets what that does not:
 *   - the question is a heading inside the summary, set at the size the old
 *     title div had (18px, medium), in the body face, with no heading margin;
 *   - a collapsed answer stays reachable by find-in-page: daisyUI hides the
 *     answer div with content-visibility: hidden, which find cannot enter, so
 *     the div is left visible and the closed <details> itself does the hiding
 *     (height 0, clipped; the browser opens it when find lands inside);
 *   - no expand motion under prefers-reduced-motion.
 * An <address> is set upright: the browser's italic default is not a style
 * any layout asked for.
 *
 * No colour is authored here; everything inherits the theme's tokens.
 */

.faq-list .faq-item__summary {
	list-style: none;
}

.faq-list .faq-item__summary::-webkit-details-marker {
	display: none;
}

.faq-list .faq-item__question {
	margin: 0;
	font-family: inherit;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 500;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
}

.faq-list .faq-item > .faq-item__answer {
	content-visibility: visible;
}

.faq-list .faq-item__answer > * + * {
	margin-top: 0.75rem;
}

.faq-list .faq-item__answer > :last-child {
	margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
	.faq-list .faq-item,
	.faq-list .faq-item::details-content,
	.faq-list .faq-item > .collapse-content,
	.faq-list .faq-item > .collapse-title::after {
		transition: none;
	}
}

address.address {
	font-style: normal;
}