/* Seven Native WooCommerce — the logged-out account views' page card.
   The lost- and reset-password forms centre one elevated card on the account
   route; the login/register view keeps WooCommerce's own two-column layout.
   The form primitives and the field skin are the Theme's. */
@layer components {
	.st-auth-page {
		display: grid;
		place-items: center;
		min-block-size: 70vh;
		padding: var(--st-space-lg) var(--st-space-md);
	}

	/* An elevated card: one surface tier up and level 1, so it reads on the
	   dark ramp where a shadow alone disappears. */
	.st-auth-page__card {
		inline-size: min(420px, 100% - 2rem);
		padding: var(--st-space-lg);
		background: var(--st-surface-low);
		border-radius: var(--st-radius-lg);
	}

	.st-auth-page__title {
		margin: 0 0 var(--st-space-md);
		font-size: var(--st-font-size-xl);
		font-weight: var(--st-font-weight-semibold);
		text-align: center;
	}
}