/* Anbieterseite D13: native core/details in einer benannten Core-Gruppe. */
body .wp-block-group.nebi-provider-faq {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 80px;
	margin-block: 0;
	padding: 120px;
	background: var(--surface-base);
	color: var(--text-primary);
}

body .nebi-provider-faq .nebi-provider-faq__head {
	display: flex;
	flex-direction: column;
	gap: 48px;
	inline-size: min(792px, 100%);
	margin: 0;
	margin-inline-start: max(0px, calc((100% - var(--wide-width)) / 2));
}

body .nebi-provider-faq .nebi-provider-faq__eyebrow,
body .nebi-provider-faq .nebi-provider-faq__title,
body .nebi-provider-faq .nebi-provider-faq__copy,
body .nebi-provider-faq .nebi-provider-faq__list,
body .nebi-provider-faq .nebi-provider-faq__intro > p:not([class*="nebi-"]):not([class*="u-"]) {
	margin: 0;
}

body .nebi-provider-faq .nebi-provider-faq__eyebrow {
	color: var(--wp--preset--color--brand-strong);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 23px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
}

body .nebi-provider-faq .nebi-provider-faq__intro {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
}

body .nebi-provider-faq .nebi-provider-faq__title {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 35px;
	font-weight: 300;
	line-height: 42px;
}

body .nebi-provider-faq .nebi-provider-faq__copy,
body .nebi-provider-faq .nebi-provider-faq__intro > p:not([class*="nebi-"]):not([class*="u-"]) {
	font-size: 18px;
	line-height: 24px;
}

body .nebi-provider-faq .nebi-provider-faq__list {
	inline-size: min(792px, 100%);
	margin-inline: auto;
}

body .nebi-provider-faq .wp-block-details {
	margin: 0;
	padding: 24px;
	border: 1px solid var(--border-strong);
	border-radius: 0;
	background: var(--surface-base);
}

body .nebi-provider-faq .wp-block-details + .wp-block-details {
	margin-block-start: 0;
	border-block-start: 0;
}

body .nebi-provider-faq .wp-block-details[open] {
	background: var(--provider-faq-open-surface);
}

body .nebi-provider-faq .wp-block-details summary {
	position: relative;
	display: block;
	min-block-size: 40px;
	padding-inline-end: 64px;
	font-size: 28px;
	font-weight: 400;
	line-height: 34px;
	overflow-wrap: anywhere;
}

body .nebi-provider-faq .wp-block-details summary::after {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 0;
	display: grid;
	place-items: center;
	inline-size: 40px;
	block-size: 40px;
	border: 1px solid var(--border-strong);
	background: var(--surface-base);
	content: "+";
	font-family: var(--wp--preset--font-family--sans);
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	transform: translateY(-50%);
	transition: none;
}

/* Hover wie Figma (Accordion, State=Hover): nur das Plus-Kästchen wird Parchment (13.10.2026). */
body .nebi-provider-faq .wp-block-details:not([open]) summary:hover::after {
	background: var(--card-hover-fill);
}

body .nebi-provider-faq .wp-block-details[open] summary::after {
	content: "−";
	transform: translateY(-50%);
}

body .nebi-provider-faq .wp-block-details > :not(summary) {
	margin-block: 24px 0;
	font-size: 18px;
	line-height: 24px;
}

body .nebi-provider-faq .wp-block-details summary:focus-visible {
	outline: 3px solid var(--focus-ring);
	outline-offset: 4px;
}

@media (width < 1024px) {

	body .wp-block-group.nebi-provider-faq {
		padding: 80px 48px;
	}
}

@media (width < 600px) {

	body .wp-block-group.nebi-provider-faq {
		gap: 48px;
		padding: 80px 16px;
	}

	body .nebi-provider-faq .nebi-provider-faq__eyebrow {
		font-size: 18px;
		line-height: 24px;
	}

	body .nebi-provider-faq .nebi-provider-faq__title {
		font-size: 22px;
		line-height: 26px;
	}

	body .nebi-provider-faq .nebi-provider-faq__copy,
	body .nebi-provider-faq .nebi-provider-faq__intro > p:not([class*="nebi-"]):not([class*="u-"]) {
		font-size: 16px;
		line-height: 22px;
	}

	body .nebi-provider-faq .wp-block-details {
		padding: 16px;
	}

	body .nebi-provider-faq .wp-block-details summary {
		padding-inline-end: 56px;
		font-size: 18px;
		line-height: 23px;
	}

	body .nebi-provider-faq .wp-block-details > :not(summary) {
		margin-block-start: 16px;
		font-size: 16px;
		line-height: 22px;
	}
}