/* =====================================================================
   KI-Reifegrad-Radar · NxtLvlOrg — print.css  (media="print")
   Heller Grund, dunkle Druckfarben, Radar in Print-Farbvariante.
   ===================================================================== */

@page{
  margin:16mm 14mm;
}

*{
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

html,body{
  background:#ffffff !important;
  color:#1c2530 !important;
}
body{padding-top:0 !important}

/* Kopfzeile auf jeder Seite (fixed wiederholt sich beim Druck) —
   nur wenn die Seite ein Druckdatum traegt (sonst endete sie auf "· "). */
body[data-print-datum]::before{
  content:"KI-Reifegrad-Radar · NxtLvlOrg · " attr(data-print-datum);
  display:block;
  font-family:'Space Grotesk','Inter',system-ui,sans-serif;
  font-size:9pt;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#4c007b;
  padding-bottom:6mm;
}

/* ---------- Ausgeblendet im Druck ---------- */
#canvas-container,
.app-kopf,
.seiteninhalt > nav,      /* Site-Navigation (partial-header) */
footer.glass-section,     /* Site-Footer (partial-footer) */
.fortschritt,
.screen-navigation,
.cta-sektion,
.btn,
button,
.legende,
.motivation-band,
.wiederkehr,
.info-aktionen,
.inline-formular,
.gate-karte,
.hp-feld{
  display:none !important;
}

/* ---------- Grundfarben hell ---------- */
h1,h2,h3,strong{color:#1c2530 !important}
.highlight{color:#4c007b !important}
p,li,dd,dt,td,th,label,legend{color:#3a4450 !important}
.eyebrow,.fortschritt-text{color:#4c007b !important}
a{color:#4c007b !important;text-decoration:underline}

.ergebnis-hero,
.sektion,
.app-fuss,
.widerruf-hinweis{background:#ffffff !important;padding:6mm 0;margin-top:0 !important}

.gesamtscore{color:#4c007b !important}
.gesamtscore .score-max{color:#6b7684 !important}
.einordnung,.kontext{color:#3a4450 !important}

/* ---------- Flaechen hell mappen ---------- */
.radar-flaeche,
.kategorie-karte,
.top3-feld,
.fahrplan-phase,
.erfolgszeile,
.vorsprung,
.schritt,
.staerke-kachel,
.info-detail{
  background:#f4f2f7 !important;
  box-shadow:none !important;
}

.score-badge{background:#e8e2ef !important;color:#4c007b !important}
.badge{background:#e8e2ef !important;color:#3a4450 !important}
.badge-wirkung{color:#4c007b !important}
.top3-feld::before{color:#4c007b !important}
.karte-extra dt{color:#4c007b !important}

.mini-balken{background:#d8dee6 !important}
.mini-balken span{background:#4c007b !important}

.app-fuss p,.app-fuss a,
.widerruf-hinweis p,.widerruf-hinweis a{color:#6b7684 !important}

/* ---------- Radar: Print-Farbvariante ueber CSS-Klassen ----------
   CSS-Regeln schlagen SVG-Praesentationsattribute — kein JS noetig. */
#radar-chart{opacity:1 !important;transform:none !important}
.radar-glow{display:none !important}
.radar-kontur{stroke:#4c007b !important}
.radar-flaeche-poly{fill:rgba(76,0,123,0.08) !important}
.radar-punkt{fill:#ffffff !important;stroke:#4c007b !important}
.radar-ring{stroke:#d8dee6 !important}
.radar-ring-aussen{stroke:#c3ccd6 !important}
.radar-speiche{stroke:#e4e9ee !important}
.radar-label{fill:#3a4450 !important}
.radar-wert{fill:#4c007b !important}

/* ---------- Seitenumbrueche ---------- */
.kategorie-karte,
.top3-feld,
.fahrplan-phase,
.schritt,
.vorsprung{
  break-inside:avoid;
  page-break-inside:avoid;
}
.ergebnis-hero,
.radar-flaeche{
  break-inside:avoid;
  page-break-inside:avoid;
}
.sektion{break-before:auto}
.sektion-kopf{break-after:avoid;page-break-after:avoid}

/* Karten-Raster einspaltig drucken */
.karten-raster,
.top3-raster,
.fahrplan-raster{
  display:block !important;
}
.karten-raster > *,
.top3-raster > *,
.fahrplan-raster > *{
  margin-bottom:5mm;
}

/* Gate-Seite drucken (unwahrscheinlich, aber sauber) */
.gate-radar{filter:none !important}