/* Static newsletter surfaces. Engage owns the form; these rules own placement only. */
.aa-newsletter-surface[hidden] { display: none !important; }
.aa-newsletter-band {
	padding-block: clamp(32px, 6vw, 56px);
	background: var(--aau-color-surface, #fafbfc);
	border-block-start: 1px solid var(--aau-color-border, #e1e8ed);
}
.aa-newsletter-band .hf-engage {
	margin-inline: auto;
	background: transparent;
	box-shadow: none;
}
.aa-newsletter-account {
	margin-block-start: 32px;
}
.aa-newsletter-account .hf-engage {
	padding-inline: 0;
	box-shadow: none;
}
@media (min-width: 900px) {
	/* Heading and copy beside the form on wide screens keep the band compact. */
	.aa-newsletter-band .hf-engage {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
		column-gap: 48px;
		align-items: start;
		max-inline-size: 1040px;
	}
	.aa-newsletter-band .hf-engage-intro {
		grid-column: 1;
		align-self: start;
	}
	.aa-newsletter-band .hf-engage-form,
	.aa-newsletter-band .hf-engage-receipt {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
	}
}

/* The page-local receipt shares the toast's semantic success palette. */
.hf-engage .hf-engage-receipt {
 padding: 1.25rem;
 border: 1px solid var(--aau-color-success, var(--wp--preset--color--success, #067647));
 border-radius: 12px;
 background: var(--aau-color-success, var(--wp--preset--color--success, #067647));
 color: var(--aau-color-on-success, #fff);
}
.hf-engage .hf-engage-receipt :is(h2, h3, p) { color: inherit; }
.hf-engage .hf-engage-receipt [data-hf-receipt-heading]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }