/**
 * Nyhetsbrev-modul — rundad parchment-ruta med rubrik, ingress och röd
 * persimmon-CTA. Matchar Story-modulens visuella språk (samma rundning,
 * samma max-bredd, samma sidopadding) men står ensam istället för att
 * innehålla flera kort.
 */
.nyhetsbrev-modul.alignwide,
.nyhetsbrev-modul {
	background-color: var(--wp--preset--color--parchment, #f2e3d6);
	border-radius: clamp(32px, 5vw, 72px);
	margin-left: auto;
	margin-right: auto;
	max-width: min(1200px, calc(100vw - clamp(40px, 8vw, 160px)));
	padding-top: clamp(48px, 7vh, 96px);
	padding-bottom: clamp(48px, 7vh, 96px);
	padding-left: clamp(24px, 6vw, 80px);
	padding-right: clamp(24px, 6vw, 80px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}

.nyhetsbrev-modul__heading {
	font-family: var(--wp--preset--font-family--ivymode, "ivymode", serif) !important;
	font-weight: 300 !important;
	font-size: clamp(1.75rem, 3.5vw, 3rem) !important;
	line-height: 1.15 !important;
	color: var(--wp--preset--color--mine-shaft, #292929);
	margin: 0 !important;
	max-width: 760px;
}

.nyhetsbrev-modul__lead {
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: clamp(1rem, 1.1vw, 1.125rem);
	line-height: 1.5;
	color: var(--wp--preset--color--mine-shaft, #292929);
	margin: 0 !important;
	max-width: 620px;
}

.nyhetsbrev-modul .wp-block-buttons {
	margin-top: 12px;
}

.nyhetsbrev-modul .wp-block-button__link.wp-element-button {
	background-color: var(--wp--preset--color--persimmon, #ff5e47) !important;
	color: var(--wp--preset--color--contrast, #000) !important;
	padding: 14px 32px !important;
	border-radius: 9999px !important;
	font-family: var(--wp--preset--font-family--dm-sans);
	font-weight: 500;
	font-size: 16px;
	min-width: 200px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.nyhetsbrev-modul .wp-block-button__link.wp-element-button:hover,
.nyhetsbrev-modul .wp-block-button__link.wp-element-button:focus-visible {
	background-color: var(--wp--preset--color--contrast, #000) !important;
	color: var(--wp--preset--color--base, #fff) !important;
	transform: translateY(-2px);
}