.aa-privacy-center__status,
.aa-privacy-center__notice {
	padding: 1rem 1.25rem;
	border: 1px solid var(--aau-color-border, #dfe5ec);
	border-radius: 10px;
	background: var(--aau-color-surface, #f8fafc);
	font-size: 1rem;
}

.aa-privacy-center__content {
	font-size: clamp(1.075rem, 1rem + .25vw, 1.2rem);
}

.aa-privacy-center__content > .aa-privacy-center__introduction {
	max-width: 78ch;
}

.aa-privacy-center__introduction > :first-child { margin-top: 0; }
.aa-privacy-center__introduction > :last-child { margin-bottom: 0; }

.aa-privacy-center__form { margin-top: clamp(2rem, 5vw, 3.5rem); }

.aa-privacy-center__form fieldset {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	border: 0;
}

.aa-privacy-center__preference {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: .875rem;
	padding: 1.25rem;
	border: 1px solid var(--aau-color-border, #dfe5ec);
	border-radius: 10px;
	background: var(--aau-color-base, #fff);
	cursor: pointer;
}

.aa-privacy-center__preference input {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: .15rem 0 0;
	accent-color: var(--aau-color-accent, #0f766e);
}

.aa-privacy-center__preference span,
.aa-privacy-center__preference small {
	display: block;
}

.aa-privacy-center__preference small {
	margin-top: .35rem;
	color: var(--aau-color-muted, #667085);
	font-size: .9375rem;
	line-height: 1.5;
}

.aa-privacy-center__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.5rem;
}

.aa-privacy-center__button { flex: 1 1 14rem; }

.aa-privacy-center :where(button, input):focus-visible {
	outline: 3px solid var(--aau-color-accent, #0f766e);
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.aa-privacy-center__actions,
	.aa-privacy-center__button {
		width: 100%;
	}
}