/* Szablon "Strona prawna" (page-legal.php). Kolory i fonty z zmiennych :root (tokens). */

.legal {
	padding-block: var(--page-top) 5rem; /* Boczny padding daje już .container w header.php. */
}

.legal__inner {
	max-width: 1140px;
	margin-inline: auto;
}

.legal__title,
.legal__content :is(h2, h3, h4, h5, h6) {
	color: var(--color-text-strong);
}

/* Treść: Archivo Light 14 / 28, odstęp liter 3%, szary tekst (Figma). */
.legal__content {
	color: var(--color-muted);
	font: 300 0.875rem/1.75rem var(--font-body);
	letter-spacing: 0.03em;
}

.legal__content > :first-child { margin-top: 0; }
.legal__content > :last-child { margin-bottom: 0; }

.legal__content p,
.legal__content ul,
.legal__content ol {
	margin: 0 0 1rem;
}

.legal__content :is(ul, ol) { padding-left: 1.5rem; }
.legal__content li + li { margin-top: 0.25rem; }

.legal__content :is(h2, h3, h4, h5, h6) {
	margin: 2.5rem 0 1rem;
}

.legal__content :is(strong, b) {
	color: var(--color-text);
	font-weight: 500;
}

.legal__content a {
	color: var(--color-text);
	text-underline-offset: 0.2em;
}

.legal__content a:hover { text-decoration-thickness: 2px; }

.legal__content table {
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
}

.legal__content :is(th, td) {
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-border);
	text-align: left;
}