/*
 * Gesamtausgabe des Regelwerks — Bildschirm und Papier.
 *
 * Das PDF erzeugt der Browser. Deshalb steht hier alles, was ein Satzspiegel braucht:
 * Seitenränder, Umbrüche, Schusterjungen. Eine PDF-Bibliothek im Plugin wäre ein zweiter
 * Renderer mit eigenen Fehlern — das Regelwerk ist Fließtext, dafür ist der Browser gebaut.
 */

:root{
	--tinte:#1a1a1a; --tinte-2:#555; --linie:#d6d6d6; --marke:#15624a;
	--serif:Georgia,"Times New Roman",serif;
	--sans:"Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}

body.srw-druck{
	margin:0 auto; padding:2.5em 1.5em 4em; max-width:46em;
	background:#fff; color:var(--tinte);
	font-family:var(--serif); font-size:11.5pt; line-height:1.55;
	-webkit-text-size-adjust:100%;
}

/* ── Werkzeugleiste: nur am Bildschirm ───────────────────────────────── */
.srw-werkzeug{
	position:sticky; top:0; z-index:5; display:flex; gap:1em; align-items:center;
	padding:.7em 0 .9em; margin-bottom:2em;
	border-bottom:1px solid var(--linie); background:#fff;
	font-family:var(--sans); font-size:10pt;
}
.srw-werkzeug button{
	font:inherit; padding:.45em 1.1em; border:0; border-radius:3px;
	background:var(--marke); color:#fff; cursor:pointer;
}
.srw-werkzeug a{color:var(--tinte-2)}

/* ── Deckblatt ───────────────────────────────────────────────────────── */
.srw-deckblatt{text-align:center; padding:3em 0 4em; border-bottom:2px solid var(--tinte)}
.srw-deckblatt .srw-marke{
	font-family:var(--sans); font-size:9pt; letter-spacing:.18em;
	text-transform:uppercase; color:var(--marke); margin:0 0 1.4em;
}
.srw-deckblatt h1{font-size:26pt; line-height:1.15; margin:0 0 .5em; font-weight:400}
.srw-deckblatt .srw-fassung{font-size:13pt; color:var(--tinte-2); margin:0}
.srw-deckblatt .srw-erzeugt{
	font-family:var(--sans); font-size:9pt; color:var(--tinte-2); margin-top:2.5em;
}
.srw-warnung{
	display:inline-block; margin-top:1.6em; padding:.6em 1.2em;
	border:1px solid #b08018; background:#fdf6e6; font-size:10pt; text-align:left;
}

/* ── Inhaltsverzeichnis ──────────────────────────────────────────────── */
.srw-verzeichnis-druck{margin:3em 0 4em}
.srw-verzeichnis-druck h2{font-size:14pt; font-weight:400; margin:0 0 1em}
.srw-verzeichnis-druck ol{list-style:none; margin:0; padding:0; font-size:10.5pt}
.srw-verzeichnis-druck li{padding:.16em 0}
.srw-verzeichnis-druck a{color:var(--tinte); text-decoration:none}
.srw-verzeichnis-druck .srw-tiefe-0{margin-top:.9em; font-weight:700}
.srw-verzeichnis-druck .srw-tiefe-1{padding-left:1.4em}
.srw-verzeichnis-druck .srw-tiefe-2{padding-left:2.8em; color:var(--tinte-2)}

/* ── Abschnitte ──────────────────────────────────────────────────────── */
.srw-abschnitt{margin:0 0 2em}
.srw-abschnitt h2{
	font-size:17pt; font-weight:400; margin:2.4em 0 .8em;
	padding-bottom:.3em; border-bottom:1px solid var(--linie);
}
.srw-abschnitt h3{font-size:13.5pt; font-weight:700; margin:1.9em 0 .6em}
.srw-abschnitt h4{font-size:11.5pt; font-weight:700; margin:1.3em 0 .4em}
.srw-abschnitt p{margin:0 0 .7em}
.srw-abschnitt ol,.srw-abschnitt ul{margin:.4em 0 .9em; padding-left:1.8em}
.srw-abschnitt li{margin-bottom:.3em}
.srw-abschnitt em{font-style:italic}
.srw-abschnitt strong{font-weight:700}
.srw-fehlte{color:var(--tinte-2); font-style:italic}

.srw-quelle-druck{
	margin-top:4em; padding-top:1.2em; border-top:1px solid var(--linie);
	font-family:var(--sans); font-size:9pt; color:var(--tinte-2);
}
.srw-quelle-druck p{margin:0 0 .3em}

/* ── Papier ──────────────────────────────────────────────────────────── */
@media print{
	@page{ size:A4; margin:18mm 16mm 20mm; }

	body.srw-druck{max-width:none; padding:0; font-size:10pt}
	.srw-werkzeug{display:none}

	/* Deckblatt und Verzeichnis bekommen eigene Seiten. */
	.srw-deckblatt{padding-top:6em; border-bottom:0; break-after:page}
	.srw-verzeichnis-druck{margin-top:0; break-after:page}

	/* Jede Sektion beginnt auf einer neuen Seite, wie im Original. */
	.srw-abschnitt.srw-tiefe-0{break-before:page}

	/* Überschriften nicht allein am Seitenfuß stehen lassen. */
	h2,h3,h4{break-after:avoid; break-inside:avoid}
	li,p{orphans:3; widows:3}
	.srw-abschnitt{break-inside:auto}

	a{color:inherit; text-decoration:none}
	.srw-verzeichnis-druck a::after{content:""}
}

/* Buchstabenebene hängend, wie am Bildschirm — sonst bricht der Satz im PDF anders um. */
.srw-abschnitt .wp-block-group[data-nummer]{ position:relative; padding-left:2.2em; margin:.6em 0 }
.srw-abschnitt .wp-block-group[data-nummer] h4{
	position:absolute; left:0; top:0; width:1.9em; margin:0; padding:0;
	text-align:right; font-size:1em; font-weight:400; line-height:inherit; white-space:nowrap;
}
.srw-abschnitt .wp-block-group[data-nummer] .wp-block-group__inner-container > :first-child,
.srw-abschnitt .wp-block-group[data-nummer] > h4 + *{ margin-top:0 }

/* Dieselbe Rangfolge auf Papier: innen eng, zwischen den Gruppen weit. */
.srw-abschnitt .wp-block-group[data-nummer]{ margin:.95em 0 }
.srw-abschnitt .wp-block-group[data-nummer] p{ margin-bottom:.25em }
.srw-abschnitt .wp-block-group[data-nummer] p + p{ margin-top:.45em }
.srw-abschnitt .wp-block-group[data-nummer] ol,
.srw-abschnitt .wp-block-group[data-nummer] ul{ margin-top:.25em; margin-bottom:.25em }