/* Druckansicht (eingebunden mit media="print"): Item-, Quest-, BiS-, Makro-, Checklisten-, Leveling- und Talentseiten.
   Schwarz auf Weiß, ohne Menü, Suche, Fußzeile und Bedienelemente; wichtige Links mit Adresse; sinnvolle Seitenumbrüche.
   Kopiert nach /assets/druck.css (druck.py). Sprachneutral: keine Texte. */
@page { margin: 14mm 12mm 16mm; }

:root, html, body {
  --soot: #fff; --iron: #fff; --iron-2: #fff; --iron-3: #f2f2f2; --bone: #000; --ash: #333; --line: #bbb;
  background: #fff !important; color: #000 !important; color-scheme: light !important;
}
html { font-size: 11pt; }
body { margin: 0 !important; padding: 0 !important; min-height: 0 !important; font-family: Georgia, "Times New Roman", serif; line-height: 1.4; }
*, *::before, *::after {
  background-image: none !important; box-shadow: none !important; text-shadow: none !important;
  filter: none !important; backdrop-filter: none !important; animation: none !important; transition: none !important;
}
* { color: #000 !important; background-color: transparent !important; border-color: #bbb !important; }

/* Chrome der Seite ausblenden */
.zk, .zk-such, .zk-burger, .ex-skip, .ex-fuss, footer, nav, .krumen, .zurueck, .edx-merk, .edx-stern, .edx-zur,
.sc-sprung, .dq-sprung, .sc-stand, .dq-stand, .druck-knopf, .bs-fac, .bs-specs, .rg-quer, button, input[type="search"], form[role="search"],
iframe, video, audio, .edx-tt, .zt-popup, [role="tooltip"], [data-druck="nein"] { display: none !important; }

/* Inhalt auf volle Breite */
main, .qs, .wrap, .seite, .box, .grid2, .it-grid { max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.grid2, .it-grid { display: block !important; }
.box { border: 1px solid #bbb !important; border-radius: 0 !important; padding: 6pt 8pt !important; margin: 0 0 8pt !important; }
details > summary { list-style: none; }
details:not([open]) > *:not(summary) { display: block !important; }  /* aufklappbare Abschnitte mitdrucken */

/* Typografie */
h1 { font-size: 18pt; margin: 0 0 6pt; }
h2 { font-size: 14pt; margin: 12pt 0 4pt; }
h3, .h3 { font-size: 12pt; margin: 10pt 0 3pt; }
h1, h2, h3, .h3 { page-break-after: avoid; break-after: avoid; font-family: Georgia, serif; }
p, li { orphans: 3; widows: 3; }
img { max-width: 100% !important; }
img.ico, .ico img, .ico { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
a { text-decoration: none; }

/* Adressen wichtiger Links (Inhaltslinks auf eigene Seiten), nicht bei Icons, Ankern oder Listen mit vielen Items */
main p a[href^="/"]::after, .sc-hak a[href^="/"]::after, main li > a[href^="/"]:only-child::after, .lede a[href^="/"]::after, .fliesstext a[href^="/"]::after {
  content: " (eternadex.com" attr(href) ")"; font-size: 8.5pt; font-family: Arial, sans-serif; word-break: break-all;
}
main a[href^="http"]:not([href*="eternadex.com"])::after { content: " (" attr(href) ")"; font-size: 8.5pt; word-break: break-all; }
.bs-itm a::after, a.bs-itm::after, .bs-tab a::after, .itm a::after, a.itm::after, .rg-q a::after,
nav a::after, .krumen a::after, a[href^="#"]::after { content: none !important; }

/* Tabellen und Listen nicht mitten im Eintrag umbrechen */
table { border-collapse: collapse; width: 100% !important; }
th, td { border: 1px solid #bbb !important; padding: 2pt 4pt !important; }
thead { display: table-header-group; }
tr, li, .bs-itm, .itm, figure, pre, blockquote, .zt { page-break-inside: avoid; break-inside: avoid; }
.box { page-break-inside: auto; break-inside: auto; }  /* lange Abschnitte dürfen umbrechen, sonst bleibt Seite 1 leer */
pre, code { white-space: pre-wrap !important; font-family: "Courier New", monospace; font-size: 9.5pt; }
pre { border: 1px solid #bbb !important; padding: 4pt 6pt !important; }

/* Checklisten: Kästchen zum Abhaken auf Papier sichtbar lassen */
input[type="checkbox"] { -webkit-appearance: checkbox; appearance: auto; width: 11pt; height: 11pt; margin-right: 4pt; }
.sc-hak, .dq-hak { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

/* Item-Qualitätsfarben sind auf Weiß schlecht lesbar: Item-Namen schwarz und fett */
[class*="qq"], .q1, .q2, .q3, .q4, .q5 { color: #000 !important; font-weight: 700; }

/* Talentplaner: Raster kompakt, Bäume nebeneinander halten */
.tp, .talentplaner, .tp-baum { page-break-inside: avoid; break-inside: avoid; }

/* Leveling-Routen: jede Etappe zusammenhalten */
.route li, .etappe, .lv-schritt { page-break-inside: avoid; break-inside: avoid; }

/* Quelle unten auf der letzten Seite */
main::after { content: "eternadex.com"; display: block; margin-top: 14pt; padding-top: 4pt; border-top: 1px solid #bbb; font: 8.5pt Arial, sans-serif; color: #555 !important; }