/* DPO legal pages only. Intentionally scoped so catalog/course/cabinet styles are untouched. */
.ud-dpo-legal {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.ud-dpo-legal > .ud-dpo-title {
	max-width: 1040px;
	margin: 0 0 12px;
	font-size: clamp(34px, 4vw, 46px);
	line-height: 1.12;
	letter-spacing: -.025em;
}

.ud-dpo-legal > .ud-dpo-note {
	margin: 0 0 28px;
	font-size: 15px;
}

.ud-dpo-legal__document {
	width: 100%;
	margin: 0;
	padding: 34px 40px 40px;
	border-radius: 14px;
}

/* Legal text is a document, not an interactive catalog card. */
.ud-dpo-legal__document:hover {
	transform: none;
	border-color: var(--ud-dpo-border);
	box-shadow: 0 4px 14px rgba(40, 44, 52, .045);
}

.ud-dpo-legal__document h2 {
	margin: 34px 0 16px;
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: -.015em;
}

.ud-dpo-legal__document h2:first-child {
	margin-top: 0;
}

.ud-dpo-legal__document h3 {
	margin: 26px 0 12px;
	font-size: 19px;
	line-height: 1.3;
}

.ud-dpo-legal__document p,
.ud-dpo-legal__document ul,
.ud-dpo-legal__document ol {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 1.66;
}

.ud-dpo-legal__document ul,
.ud-dpo-legal__document ol {
	padding-left: 26px;
}

.ud-dpo-legal__document li + li {
	margin-top: 8px;
}

.ud-dpo-legal__document > :last-child {
	margin-bottom: 0;
}

.ud-dpo-legal__document a,
.ud-dpo-legal__document strong {
	overflow-wrap: anywhere;
}

@media (max-width: 760px) {
	.ud-dpo-legal > .ud-dpo-title {
		margin-bottom: 10px;
		font-size: clamp(30px, 9vw, 38px);
	}

	.ud-dpo-legal > .ud-dpo-note {
		margin-bottom: 20px;
	}

	.ud-dpo-legal__document {
		padding: 24px 20px 28px;
		border-radius: 12px;
	}

	.ud-dpo-legal__document h2 {
		margin-top: 28px;
		margin-bottom: 12px;
		font-size: 21px;
	}

	.ud-dpo-legal__document h3 {
		margin-top: 22px;
		font-size: 18px;
	}

	.ud-dpo-legal__document p,
	.ud-dpo-legal__document ul,
	.ud-dpo-legal__document ol {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.6;
	}

	.ud-dpo-legal__document ul,
	.ud-dpo-legal__document ol {
		padding-left: 21px;
	}
}