/* The full signup page scrolls with the document, including on phones. */
.v2-signup-page .modal-content.v2-signup-modal {
	height: auto;
	max-height: none;
	overflow: visible;
}

/* Keep the native form controls together and put plans before submission. */
.v2-signup-modal .modal-field[data-signup-layout] {
	grid-template-areas: "details plans" "actions plans";
	grid-template-rows: auto 1fr;
	align-items: start;
}

.v2-signup-modal [data-signup-layout] > .v2-signup-details {
	grid-area: details;
}

.v2-signup-modal [data-signup-layout] > .v2-signup-plans {
	grid-area: plans;
}

.v2-signup-modal [data-signup-layout] > .v2-signup-actions {
	grid-area: actions;
}

.age-access-gateway .age-access-signup {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 44px;
	margin: 12px auto 0;
	padding: 8px 12px;
	color: var(--age-ink);
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.age-access-gateway .age-access-signup:hover {
	color: #fff;
}

@media (max-width: 760px) {
	.v2-signup-modal .modal-field[data-signup-layout] {
		grid-template-areas: "details" "plans" "actions";
		grid-template-rows: auto;
	}
}