/* ---------- Finance Directory record: plugin FAQ (.hmf-dir-faq), same look as hc-acc--faq ---------- */

.hmf-dir-faq {
	display: grid;
	gap: 12px;
	border: 0;
	border-radius: 0;
	background: none;
}

.hmf-dir-faq__item,
.hmf-dir-faq__item + .hmf-dir-faq__item {
	overflow: hidden;
	border: 1px solid var(--hc-line);
	border-radius: 20px;
	background: var(--hc-sky);
	interpolate-size: allow-keywords;
}

.hmf-dir-faq__item[open] {
	border-color: var(--hc-gold);
	background: var(--hc-white);
	box-shadow: 0 24px 50px -36px rgb(15 16 29 / 0.45);
}

.hmf-dir-faq__item summary {
	gap: 12px;
	padding: 14px 16px;
	-webkit-tap-highlight-color: transparent;
}

.hmf-dir-faq__item summary:focus-visible {
	outline: 3px solid var(--hc-blue);
	outline-offset: -3px;
	border-radius: 20px;
}

.hmf-dir-faq__item summary::before {
	content: "?";
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	inline-size: 34px;
	block-size: 34px;
	border-radius: 50%;
	background: var(--hc-ink);
	color: var(--hc-gold);
	font-size: 17px;
	font-weight: 900;
	line-height: 1;
}

.hmf-dir-faq__item summary h3 {
	color: var(--hc-ink);
	font-size: 16.5px;
	font-weight: 800;
	line-height: 1.8;
}

.hmf-dir-faq__item summary .hmf-icon {
	flex: none;
	color: #c77f00;
	transition: transform 0.35s;
}

.hmf-dir-faq__item::details-content {
	block-size: 0;
	overflow: hidden;
	transition: block-size 0.4s ease, content-visibility 0.4s allow-discrete;
}

.hmf-dir-faq__item[open]::details-content {
	block-size: auto;
}

.hmf-dir-faq__item > p {
	margin-inline: 16px;
	padding: 16px 0 18px;
	border-block-start: 1px dashed #d5dfeb;
	color: var(--hc-slate);
	font-size: 16px;
	font-weight: 600;
	line-height: 2;
	white-space: pre-line; /* the answer keeps its paragraph and "- " list line breaks */
}

@media (prefers-reduced-motion: reduce) {
	.hmf-dir-faq__item::details-content,
	.hmf-dir-faq__item summary .hmf-icon {
		transition: none;
	}
}

@media (width >= 48rem) {
	.hmf-dir-faq__item summary {
		gap: 16px;
		padding: 18px 24px;
	}

	.hmf-dir-faq__item summary h3 {
		font-size: 19px;
	}

	.hmf-dir-faq__item > p {
		margin-inline: 24px;
		font-size: 16.5px;
	}
}

/* ---------- Exchange (/foreign-crypto-exchanges/) and broker (/brokers/) archives: the source pages have no intro line under the h1 ---------- */
:is(.post-type-archive-exchange, .post-type-archive-broker) .hmf-dir-archive__intro {
	display: none;
}
:is(.post-type-archive-exchange, .post-type-archive-broker) .hmf-dir-archive__text {
	margin-block-start: 24px;
}

/* Phone: the archive text already sits in a padded section; drop the source page's outer container
   margins and fixed widget widths so the copy uses the full card width. */
@media (width < 768px) {
	:is(.post-type-archive-exchange, .post-type-archive-broker) .hmf-dir-archive__text .elementor > .e-con {
		margin-inline: 0;
		--width: 100%;
		inline-size: 100%;
		--padding-left: 14px;
		--padding-right: 14px;
	}
	:is(.post-type-archive-exchange, .post-type-archive-broker) .hmf-dir-archive__text .elementor-widget__width-initial {
		inline-size: 100%;
		max-inline-size: 100%;
	}
}

/* Finance Directory record body: wide source tables scroll inside, never the page. */
:is(.single-exchange, .single-broker) .elementor-widget-text-editor table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}