/* Tekstsider: rød helt + indhold fra WordPress-editoren (tekst og shortcodes). Bruges også af 404-siden. */

main.indhold {
	/* ---------- Rød helt ---------- */
	.helt--roed {
		display: block; min-height: 0; padding-block: calc(var(--hoved-hoejde) + 96px) 96px;
		border-bottom: 0; background: var(--accent); text-align: center;
	}
	.helt--roed::before { display: none; }
	.helt--roed .helt__billede { opacity: .25; mix-blend-mode: multiply; }
	.helt--roed .helt__maerke { margin-bottom: 12px; color: rgb(255 255 255 / .8); font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 1.2px; text-transform: uppercase; }
	.helt--roed .helt__titel { margin-bottom: 16px; font-size: 36px; line-height: 40px; }
	.helt--roed .helt__intro { max-width: 672px; margin-inline: auto; color: #fff; }
	.helt__maerker { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }
	.helt__maerker li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 9999px; background: rgb(255 255 255 / .15); color: #fff; font-size: 13px; font-weight: 500; line-height: 20px; }
	.helt__maerker li:nth-child(even) { background: rgb(153 27 27 / .5); }

	/* ---------- Indhold ---------- */
	.tekstside { padding-block: 80px 96px; }
	.tekstside--flade { background: var(--flade); }
	.tekstside--smal > .beholder { max-width: calc(768px + 2 * var(--kantluft)); }

	.prosa { color: var(--blaek-2); font-size: 16px; line-height: 28px; }
	.prosa > * + * { margin-top: 16px; }
	:is(.prosa, .prosa .wp-block-group) > h2 { margin-top: 48px; color: var(--blaek); font-size: 24px; font-weight: 800; line-height: 32px; }
	:is(.prosa, .prosa .wp-block-group) > h3 { margin-top: 32px; color: var(--blaek); font-size: 18px; font-weight: 700; line-height: 28px; }
	:is(.prosa, .prosa .wp-block-group) > h4 { margin: 24px 0 0; color: var(--blaek); font-size: 16px; font-weight: 700; line-height: 24px; }
	.prosa > :first-child { margin-top: 0; }
	:is(.prosa, .prosa .wp-block-group) > h2 + *, :is(.prosa, .prosa .wp-block-group) > h3 + *, :is(.prosa, .prosa .wp-block-group) > h4 + * { margin-top: 8px; }
	:is(.prosa, .prosa .wp-block-group) > :is(p, ul, ol, figure) a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
	:is(.prosa, .prosa .wp-block-group) > :is(p, ul, ol, figure) a:hover { color: var(--accent-hover); }
	:is(.prosa, .prosa .wp-block-group) > :is(p, ul, ol, figure) strong { color: var(--blaek); font-weight: 600; }
	:is(.prosa, .prosa .wp-block-group) > ul, :is(.prosa, .prosa .wp-block-group) > ol { display: flex; flex-direction: column; gap: 8px; padding-left: 24px; }
	:is(.prosa, .prosa .wp-block-group) > ul { list-style: disc; }
	:is(.prosa, .prosa .wp-block-group) > ol { list-style: decimal; }
	.prosa :is(.wp-block-list) > li::marker { color: var(--accent); }
	.prosa .wp-block-table { margin-inline: 0; overflow-x: auto; }
	.prosa .wp-block-table table { min-width: 560px; width: 100%; border-collapse: collapse; font-size: 14px; line-height: 22.75px; }
	.prosa .wp-block-table :is(th, td) { padding: 10px 12px; border: 1px solid var(--kant); text-align: left; vertical-align: top; }
	.prosa .wp-block-table th { background: var(--flade); color: var(--blaek); font-weight: 600; }
	.prosa .linjer { margin-top: 8px; }
	.prosa .linjer > * { margin: 0; }
	.prosa .introkort { display: flex; gap: 16px; margin-bottom: 32px; padding: 24px; border: 1px solid var(--kant); border-radius: var(--radius-md); background: var(--flade); }
	.prosa .introkort > * { margin: 0; }
	.prosa .introkort h2 { margin: 0 0 6px; font-size: 18px; line-height: 28px; }

	/* ---------- 404 ---------- */
	.ikke-fundet { padding-block: calc(var(--hoved-hoejde) + 96px) 128px; text-align: center; }
	.ikke-fundet__tal { color: var(--accent-bloed); font-size: 160px; font-weight: 800; line-height: 1; letter-spacing: -4px; }
	.ikke-fundet .overskrift-2 { margin: -24px 0 16px; }
	.ikke-fundet__tekst { max-width: 560px; margin-inline: auto; color: var(--tekst); font-size: 16px; line-height: 26px; }
	.ikke-fundet .piller { justify-content: center; margin-top: 40px; }

	@media (max-width: 767px) {
		.helt--roed { padding-block: calc(var(--hoved-hoejde) + 56px) 64px; }
		.helt--roed .helt__titel { font-size: 30px; line-height: 36px; }
		.tekstside { padding-block: 56px 72px; }
		.ikke-fundet__tal { font-size: 112px; }
	}
}

/* ---------- Dokumenter med indholdsliste (juridiske sider) ---------- */
main.indhold {
	.tekstside--toc > .beholder { display: grid; grid-template-columns: 260px minmax(0, 768px); justify-content: center; gap: 64px; align-items: start; }
	.tekstside__side { position: sticky; top: calc(var(--hoved-hoejde) + 24px); max-height: calc(100vh - var(--hoved-hoejde) - 48px); overflow-y: auto; display: flex; flex-direction: column; gap: 20px; }
	.indholdsliste__titel { margin-bottom: 12px; color: var(--daempet); font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 1.2px; text-transform: uppercase; }
	.indholdsliste ol { display: flex; flex-direction: column; border-left: 1px solid var(--kant); }
	.indholdsliste a { display: block; margin-left: -1px; padding: 6px 0 6px 16px; border-left: 2px solid transparent; color: var(--daempet); font-size: 13px; line-height: 20px; text-decoration: none; transition: color .15s ease, border-color .15s ease; }
	.indholdsliste a:hover { color: var(--blaek); }
	.indholdsliste a.pfs-toc__aktiv { border-left-color: var(--accent); color: var(--accent); font-weight: 600; }
	.prosa h2[id] { scroll-margin-top: calc(var(--hoved-hoejde) + 32px); }
	.prosa > .lille { margin-top: 28px; color: var(--blaek); font-size: 14px; font-weight: 700; line-height: 20px; }
	.prosa > .lille > p { margin: 0; }
	.prosa > .lille + * { margin-top: 4px; }

	@media (max-width: 1024px) {
		.tekstside--toc > .beholder { grid-template-columns: minmax(0, 768px); gap: 32px; }
		.tekstside__side { position: static; max-height: none; padding: 20px; border: 1px solid var(--kant); border-radius: var(--radius-md); background: var(--flade); }
	}
}

/* ---------- Udskriv-knap og noter ---------- */
main.indhold {
	.prosa a.udskriv { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 9999px; background: var(--blaek); color: #fff; font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: none; }
	.prosa a.udskriv:hover { background: var(--moerk-2); color: #fff; }
	.prosa .note { color: var(--daempet); font-size: 12px; line-height: 19.5px; }
	.prosa .note > * { margin: 0; }
	.prosa .introkort p { margin: 0; }
}

@media print {
	.sidehoved, .sidefod, .pfs-samtykke, .tekstside__side, .spring-til-indhold, main.indhold .prosa a.udskriv, main.indhold .prosa .note { display: none !important; }
	main.indhold .helt--roed { padding: 0 0 24px; background: none; color: #000; text-align: left; }
	main.indhold .helt--roed .helt__billede { display: none; }
	main.indhold .helt--roed :is(.helt__titel, .helt__intro, .helt__maerke) { color: #000; }
	main.indhold .tekstside { padding: 0; background: none; }
}

main.indhold {		}

/* En h3, der skal ligne en h4: holder overskriftsniveauerne i orden uden at aendre udseendet. */
main.indhold :is(.prosa, .prosa .wp-block-group) > h3.som-h4 { margin: 24px 0 0; font-size: 16px; line-height: 24px; }