/*
 * Legal documents.
 *
 * Long, dense, and read under duress — someone is checking one clause, not
 * reading top to bottom. The measure stays short and the headings stay easy to
 * scan, and nothing else competes for attention.
 *
 * @package Slovenia_Concierge
 */

.legal {
	padding-block-start: calc( var( --wp--custom--header--height ) + var( --wp--preset--spacing--xl ) );
}

.legal__head {
	margin-block-end: var( --wp--preset--spacing--xl );
}

.legal__lead {
	font-size: var( --wp--preset--font-size--lead );
	color: var( --wp--preset--color--text-muted );
}

.legal__updated {
	margin-block-start: var( --wp--preset--spacing--m );
	font-size: var( --wp--preset--font-size--small );
	color: var( --wp--preset--color--text-muted );
}

.legal__body > * + * {
	margin-block-start: var( --wp--preset--spacing--m );
}

.legal__body h2 {
	margin-block-start: var( --wp--preset--spacing--xl );
	font-size: var( --wp--preset--font-size--h-3 );
}

.legal__body h3 {
	margin-block-start: var( --wp--preset--spacing--l );
	font-size: var( --wp--preset--font-size--h-4 );
}

.legal__body p {
	color: var( --wp--preset--color--text-muted );
}

/*
 * Lists inside a legal document carry meaning — they enumerate what is
 * collected, who receives it, which rights apply — so they get markers back,
 * which the base reset removes site-wide.
 */
.legal__body ul {
	list-style: disc;
	padding-inline-start: 1.25rem;
	display: grid;
	gap: var( --wp--preset--spacing--2-xs );
	color: var( --wp--preset--color--text-muted );
}

.legal__body ol {
	list-style: decimal;
	padding-inline-start: 1.25rem;
	display: grid;
	gap: var( --wp--preset--spacing--2-xs );
	color: var( --wp--preset--color--text-muted );
}

.legal__body a {
	color: var( --wp--preset--color--gold-deep );
}

@media ( min-width: 64rem ) {
	.legal {
		padding-block-start: calc( var( --wp--custom--header--height-desktop ) + var( --wp--preset--spacing--xl ) );
	}
}