/* Composition seule : identité visuelle issue de main.css. */
.newsletter-confirmation .site-header { position: static; }
.newsletter-confirmation .auth-page { display: grid; align-items: center; padding-inline: var(--gc-page-gutter); }
.newsletter-confirmation__card { width: 100%; max-width: 42rem; margin-inline: auto; border-radius: var(--gc-radius); box-shadow: var(--gc-shadow); }
.newsletter-confirmation__hint { margin-top: 1rem; margin-bottom: 0; color: var(--gc-color-muted); font-size: .9rem; }
.newsletter-confirmation__footer { padding: 1.5rem var(--gc-page-gutter); border-top: 1px solid var(--gc-color-border); color: var(--gc-color-muted); text-align: center; font-size: .9rem; }
.newsletter-confirmation button:focus-visible, .newsletter-confirmation a:focus-visible { outline: 3px solid var(--gc-color-accent); outline-offset: 4px; }
@media (max-width: 38rem) {
	.newsletter-confirmation .site-brand__logo { width: 9rem; }
	.newsletter-confirmation .site-header__inner { gap: .75rem; }
	.newsletter-confirmation .site-header .button { padding-inline: .75rem; }
}

.account-email-confirmation .site-brand:not(.site-brand--footer) .site-brand__logo { width: clamp(7rem, 20vw, 12rem); height: auto; max-width: 100%; }

.account-email-confirmation .site-brand:not(.site-brand--footer) { width: auto; }

.account-email-confirmation .account-verification__return { margin: 1rem 0 0; text-align: center; }