/* ETF Site: page content. Reading pages (How it works, FAQ, About, Contact, Privacy) on white in the reading
   column, content links, FAQ answers as native <details> cards (#f5f5f7), the 404. Type scale: theme.json.
   Sections, hero and big tiles: sections.css; buttons: buttons.css. Content links are blue and underlined;
   the widget's own links (pills) and button links are left alone. */

:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link) {
	color: var(--etf-site-link);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	transition: opacity var(--etf-site-dur) var(--etf-site-ease);
}

@media (hover: hover) and (pointer: fine) {
	:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link):hover {
		text-decoration-thickness: 2px;
	}
}

:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link):active {
	opacity: 0.55;
	transition-duration: var(--etf-site-dur-press);
	transition-timing-function: var(--etf-site-ease-press);
}

.wp-block-post-content > h2 {
	margin-block-start: 2.5rem;
}

.wp-block-post-content > h3 {
	margin-block-start: 2rem;
}

/* ---- FAQ: each <details> is a solid card; the chevron turns with the damped curve ---- */
.wp-block-post-content .wp-block-details {
	margin-block-start: 0.5rem;
	border-radius: 18px;
	background: var(--etf-site-card);
}

.wp-block-post-content .wp-block-details summary {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 3.25rem;
	padding: 0.75rem 3rem 0.75rem 1.25rem;
	border-radius: 18px;
	font-weight: 600;
	letter-spacing: -0.008em;
	line-height: 1.35;
	list-style: none;
	cursor: pointer;
	transition: background-color var(--etf-site-dur) var(--etf-site-ease);
}

.wp-block-post-content .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.wp-block-post-content .wp-block-details summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.375rem;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -0.375rem;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	opacity: 0.6;
	transform: rotate(45deg);
	transition: transform var(--etf-site-dur) var(--etf-site-ease);
}

.wp-block-post-content .wp-block-details[open] summary::after {
	transform: translateY(0.25rem) rotate(-135deg);
}

@media (hover: hover) and (pointer: fine) {
	.wp-block-post-content .wp-block-details summary:hover {
		background-color: var(--etf-site-tint);
	}
}

.wp-block-post-content .wp-block-details summary:active {
	background-color: var(--etf-site-tint-press);
	transition-duration: var(--etf-site-dur-press);
	transition-timing-function: var(--etf-site-ease-press);
}

.wp-block-post-content .wp-block-details > :not(summary) {
	margin: 0 1.25rem;
	padding-bottom: 1rem;
}

/* Answers open and close smoothly where the browser can animate to height: auto */
@supports (interpolate-size: allow-keywords) {
	@media (prefers-reduced-motion: no-preference) {
		.wp-block-post-content .wp-block-details {
			interpolate-size: allow-keywords;
		}

		.wp-block-post-content .wp-block-details::details-content {
			height: 0;
			overflow: clip;
			transition: height var(--etf-site-dur) var(--etf-site-ease), content-visibility var(--etf-site-dur) allow-discrete;
		}

		.wp-block-post-content .wp-block-details[open]::details-content {
			height: auto;
		}
	}
}

/* ---- 404 ---- */
.etf-site-404-main {
	padding-block: clamp(3rem, 10vw, 7rem);
}

.etf-site-404 {
	text-align: center;
}

.etf-site-404 h1 {
	margin: 0;
}

.etf-site-404 p {
	margin: 1rem 0 0;
	color: var(--etf-site-text-2);
}

.etf-site-404 p:last-child {
	margin-top: 2rem;
}

@media (prefers-contrast: more) {
	.wp-block-post-content .wp-block-details {
		border: 1px solid var(--etf-site-hairline);
	}

	:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link) {
		text-decoration-thickness: 2px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-post-content .wp-block-details summary,
	.wp-block-post-content .wp-block-details summary::after {
		transition: none;
	}
}