/*
 * Document styles — typografia dla stron tekstowych (polityka, regulamin, itp.)
 * Użycie: dodaj id="legal-document" do bloku HTML w Gutenbergu
 */

#legal-document {
	padding-block: var(--spacing-10);
	padding-inline: 10px;
	color: var(--color-text);
	font-family: var(--font-base);
	font-size: var(--text-base);
	line-height: var(--leading-loose);
}

#legal-document h1 {
	font-size: var(--text-2xl);
	font-weight: var(--weight-bold);
	line-height: var(--leading-tight);
	margin-bottom: var(--spacing-6);

}

#legal-document h2 {
	font-size: var(--text-xl);
	font-weight: var(--weight-bold);
	line-height: var(--leading-tight);
	margin-top: var(--spacing-8);
	margin-bottom: var(--spacing-3);
}

#legal-document h3 {
	font-size: var(--text-lg);
	font-weight: var(--weight-medium);
	line-height: var(--leading-tight);
	margin-top: var(--spacing-6);
	margin-bottom: var(--spacing-2);
}

#legal-document h4 {
	font-size: var(--text-md);
	font-weight: var(--weight-medium);
	line-height: var(--leading-base);
	margin-top: var(--spacing-4);
	margin-bottom: var(--spacing-1);
}

#legal-document p {
	margin-bottom: var(--spacing-3);
	color: var(--color-text);
}

#legal-document ul,
#legal-document ol {
	margin-bottom: var(--spacing-3);
	padding-left: var(--spacing-4);
}

#legal-document li {
	margin-bottom: var(--spacing-1);
}

#legal-document ul li {
	list-style-type: disc;
}

#legal-document ol li {
	list-style-type: decimal;
}

#legal-document strong {
	font-weight: var(--weight-bold);
}

#legal-document a {
	color: var(--color-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

#legal-document a:hover {
	color: var(--color-text-muted);
}

#legal-document hr {
	border: none;
	border-top: 1px solid var(--color-border);
	margin-block: var(--spacing-6);
}