/*
 * Dienstweg-Akte (E-23, Meta-Ziel, SPIELOEKONOMIE.md Abschnitt 0). Ruhig: Fläche, Rand, acht Pixelfelder.
 * Keine Farbleiste, keine Pillen, keine Versalien. Bewegung: einmal Füllen (600 ms), aus bei reduzierter Bewegung.
 */
.pal-akte[hidden] { display: none !important; }
.pal-akte {
	box-sizing: border-box;
	max-width: var(--ps-lesebreite, 760px);
	color: var(--ps-farbe-text);
	font-family: var(--ps-font-body);
	font-size: var(--ps-gr-klein);
	line-height: var(--ps-zeile-klein);
}
.pal-akte--karte {
	margin-block: var(--ps-a-6);
	padding: var(--ps-a-5);
	border: 1px solid var(--ps-farbe-rand);
	border-radius: var(--ps-kasten-radius, 4px);
	background: var(--ps-farbe-flaeche);
}
.pal-akte--kompakt { margin-top: var(--ps-a-3); }
.pal-akte .pal-akte__kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--ps-a-1) var(--ps-a-3);
	margin: 0;
}
.pal-akte .pal-akte__titel {
	margin: 0;
	color: var(--ps-farbe-kopf);
	font-family: var(--ps-font-head);
	font-size: var(--ps-gr-h4);
	font-weight: var(--ps-staerke-kopf);
	line-height: var(--ps-zeile-eng);
	text-decoration: none;
}
.pal-akte--kompakt .pal-akte__titel { font-size: var(--ps-gr-klein); }
.pal-akte a.pal-akte__titel:hover,
.pal-akte a.pal-akte__titel:focus-visible { text-decoration: underline; }
.pal-akte .pal-akte__zahl { color: var(--ps-farbe-leise); }
.pal-akte .pal-akte__zahl strong { color: var(--ps-farbe-kopf); font-weight: var(--ps-staerke-betont); }
.pal-akte .pal-akte__felder {
	display: flex;
	gap: 4px;
	margin: var(--ps-a-2) 0 0;
	padding: 0;
	list-style: none;
}
.pal-akte .pal-akte__felder li::before,
.pal-akte .pal-akte__neu li::before { content: none; }
.pal-akte .pal-akte__feld {
	width: 20px;
	height: 12px;
	margin: 0;
	border: 2px solid var(--ps-fortschritt-voll);
	border-radius: var(--ps-radius-pixel, 0);
	background: var(--ps-farbe-flaeche);
}
.pal-akte--kompakt .pal-akte__feld { width: 16px; height: 8px; }
.pal-akte .pal-akte__feld.ist-angefangen { background: linear-gradient(90deg, var(--ps-fortschritt-bg) 50%, var(--ps-farbe-flaeche) 50%); }
.pal-akte .pal-akte__feld.ist-geregelt { background: var(--ps-fortschritt-voll); }
.pal-akte .pal-akte__feld.ist-entfaellt { border-style: dotted; border-color: var(--ps-farbe-rand); }
.pal-akte .pal-akte__feld.ist-frisch {
	background: linear-gradient(var(--ps-fortschritt-voll), var(--ps-fortschritt-voll)) no-repeat left center / 100% 100%, var(--ps-farbe-flaeche);
	animation: pal-akte-fuellen 600ms steps(4, end) 1;
}
@keyframes pal-akte-fuellen { from { background-size: 0% 100%, auto; } }
@media (prefers-reduced-motion: reduce) {
	.pal-akte .pal-akte__feld.ist-frisch { animation: none; }
}
.pal-akte .pal-akte__text { margin: var(--ps-a-2) 0 0; }
.pal-akte .pal-akte__neu {
	margin: var(--ps-a-3) 0 0;
	padding: 0;
	list-style: none;
}
.pal-akte .pal-akte__neu li {
	margin: 0;
	padding-left: 22px;
	position: relative;
	color: var(--ps-farbe-text);
}
.pal-akte .pal-akte__neu li::after {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.35em;
	width: 6px;
	height: 11px;
	border: solid var(--ps-farbe-erledigt);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}
.pal-akte .pal-akte__weiter { margin: var(--ps-a-3) 0 0; }
.pal-akte .pal-akte__weiter a,
.pal-akte .pal-akte__text a { color: var(--ps-farbe-link); font-weight: var(--ps-staerke-betont); }
.pal-akte .pal-akte__weiter span { color: var(--ps-farbe-leise); }
.pal-akte .pal-akte__los {
	display: inline-block;
	margin-top: var(--ps-a-4);
	padding: var(--ps-a-2) var(--ps-a-4);
	border-radius: var(--ps-knopf-radius, 4px);
	background: var(--ps-knopf-bg);
	color: #fff;
	font-family: var(--ps-font-head);
	font-weight: var(--ps-staerke-knopf);
	text-decoration: none;
}
.pal-akte .pal-akte__los:hover,
.pal-akte .pal-akte__los:focus-visible { background: var(--ps-knopf-bg-hover); color: #fff; }