/* Legal pages styling */

.legal-page {
	max-width: 50em;
	margin: 0 auto;
	padding: 2em;
	line-height: 1.6;
}

.legal-header {
	margin-bottom: 3em;
}

.legal-header h1 {
	font-size: 2.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: var(--brand-color);
}

.legal-header p {
	color: var(--text-color-secondary, var(--text-color));
	font-style: italic;
}

.legal-section {
	margin-bottom: 2.5em;
}

.legal-section h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	color: var(--brand-color);
}

.legal-section p {
	margin-bottom: 1em;
}

.legal-section ul {
	margin: 1em 0;
	padding-left: 2em;
	list-style-type: disc;
}

.legal-section li {
	margin-bottom: 0.5em;
}

.legal-section strong {
	font-weight: bold;
}

.legal-section a {
	color: var(--brand-color);
	text-decoration: underline;
}

.legal-section a:hover {
	text-decoration: none;
}

@media (width < 60em) {
	.legal-page {
		padding: 1.5em;
	}
}