.content-page {
	font-family: "Inter", Arial, sans-serif;
	background-color: var(--ond-light-bg, #f7f5fb);
	color: var(--ond-text-dark, #1f1f1f);
	min-height: 100vh;
}

.content-card {
	background-color: #ffffff;
	border-radius: 1.5rem;
	box-shadow: 0 24px 60px rgba(41, 7, 86, 0.08);
	padding: 2rem 1.75rem;
}

.content-card h1, .content-card h2 {
	color: var(--ond-primary, #7f11f4);
}

.content-card p, .content-card li {
	line-height: 1.6;
}

.content-card ul {
	padding-left: 1.25rem;
}

.content-card a {
	color: var(--ond-primary, #7f11f4);
}

.content-card a:hover, .content-card a:focus {
	color: var(--ond-primary-dark, #560fb2);
}

@media ( max-width : 576px) {
	.content-card {
		padding: 1.75rem 1.25rem;
	}
}