/* ==========================================================================
   Persondatapolitik + vilkaar ([persondatapolitik], [vilkaar_og_betingelser])

   Bevidst LET: siderne ligger i Breakdance, saa typografien skal arve temaets
   font og farve i stedet for at slaebe hele dashboard-stylesheetet med. Kun
   laesbarhed - maalebredde, luft mellem afsnit og en laesbar indholdsfortegnelse.
   ========================================================================== */

/* Bredden styres af SIDEN, ikke af os: som standard fylder dokumentet hele den
   container Breakdance giver det. Vil man have en fast maalebredde, saettes den
   med shortcode-attributten width="820px" (eller via --cd-legal-width i temaet).
   En hardkodet max-width her ville overtrumfe det layout siden allerede har. */
.cd-legal { max-width: var(--cd-legal-width, 100%); margin: 0 auto; line-height: 1.7; }

.cd-legal__h1 { font-size: 2em; line-height: 1.2; margin: 0 0 6px; }
.cd-legal__meta { font-size: 0.875em; opacity: 0.7; margin: 0 0 24px; }
.cd-legal__intro { font-size: 1.0625em; margin-bottom: 28px; }

/* Indholdsfortegnelse. Tallene kommer fra <ol>, saa de foelger raekkefoelgen
   uden at nogen skal vedligeholde dem. */
.cd-legal__toc {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	padding: 18px 22px;
	margin: 0 0 36px;
}
.cd-legal__toc ol { margin: 0; padding-left: 1.2em; }
.cd-legal__toc li { margin: 4px 0; }
.cd-legal__toc a { text-decoration: none; }
.cd-legal__toc a:hover { text-decoration: underline; }

.cd-legal__sec { margin: 0 0 34px; }

/* scroll-margin: ellers lander overskriften under en sticky header naar man
   klikker et anker i indholdsfortegnelsen. */
.cd-legal__h2 {
	font-size: 1.375em;
	line-height: 1.3;
	margin: 0 0 12px;
	scroll-margin-top: 90px;
}
.cd-legal__h3 { font-size: 1.0625em; margin: 22px 0 8px; }

.cd-legal p { margin: 0 0 14px; }
.cd-legal ul { margin: 0 0 16px; padding-left: 1.3em; }
.cd-legal li { margin: 5px 0; }

/* Kontakt- og myndighedsblokke: let indrammet, saa de kan findes med oejnene. */
.cd-legal__card {
	border-left: 3px solid currentColor;
	padding: 2px 0 2px 16px;
	margin: 0 0 18px;
}

@media (max-width: 600px) {
	.cd-legal__h1 { font-size: 1.6em; }
	.cd-legal__toc { padding: 14px 16px; }
}