/* Static newsletter surfaces. Engage owns the form; these rules own placement only. */
.aa-newsletter-requested .aa-newsletter-band,
.aa-newsletter-requested .aa-newsletter-inline {
	display: none;
}
.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,
.aa-newsletter-inline .hf-engage {
	margin-inline: auto;
	background: transparent;
	box-shadow: none;
}
.aa-newsletter-inline {
	margin-block: clamp(32px, 6vw, 64px);
	padding-inline: var(--wp--style--root--padding-left, 16px);
}
.aa-newsletter-inline .hf-engage {
	border: 1px solid var(--aau-color-border, #e1e8ed);
}
.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-heading,
	.aa-newsletter-band .hf-engage-copy {
		grid-column: 1;
	}
	.aa-newsletter-band .hf-engage-form {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
}