/* Ghostwriter HTML-Adapter · NOWIK 0.17.1. Paketdateien bleiben unverändert.
   Produktmodule und native Dialoge behalten ihre Semantik und Zustandslogik. */
/* Schwarz, Grau und Weiß tragen das Produkt. Farbe bezeichnet ausschließlich Zustände. */
:root, dialog.gespraech {
  color-scheme: dark;
  --gw-schwarz: #090909; --gw-oberflaeche: #141414; --gw-erhoeht: #202020;
  --gw-rand: #363636; --gw-rand-aktiv: #606060;
  --gw-text: #f5f5f5; --gw-gedaempft: #b0b0b0;
  --gw-weiss: #ffffff; --gw-weiss-hover: #dedede; --gw-auf-weiss: #101010;
  --gw-geprueft: #a3d3b0; --gw-fehler: #e4a29b; --gw-fehler-flaeche: var(--gw-erhoeht);
  --grund: var(--gw-schwarz); --karte: var(--gw-oberflaeche);
  --flaeche: var(--gw-erhoeht); --flaeche-2: var(--gw-rand);
  --erhaben: var(--gw-oberflaeche); --tinte: var(--gw-text);
  --tinte-2: var(--gw-gedaempft); --tinte-3: var(--gw-gedaempft);
  --linie: var(--gw-rand); --linie-2: var(--gw-rand-aktiv); --linie-flaeche: var(--gw-rand);
  --signal: var(--gw-weiss); --signal-2: var(--gw-weiss); --signal-text: var(--gw-weiss);
  --auf-signal: var(--gw-auf-weiss); --signal-hell: var(--gw-erhoeht);
  --violett: var(--gw-weiss); --violett-2: var(--gw-weiss); --violett-text: var(--gw-weiss);
  --auf-violett: var(--gw-auf-weiss); --violett-hell: var(--gw-erhoeht);
  --gruen: var(--gw-geprueft); --gruen-text: var(--gw-geprueft);
  --auf-gruen: var(--gw-auf-weiss); --gruen-hell: var(--gw-erhoeht);
  --rot: var(--gw-fehler); --auflegen: var(--gw-fehler-flaeche); --auf-auflegen: var(--gw-fehler);
  --marke-grund: transparent; --marke-zeichen: #ffffff;
  --gw-aktiv: #a8c6e2; --gw-entscheidung: #dfc286;
  --sans: var(--nw-font-family); --serif: var(--nw-font-family);
  --r-gross: var(--nw-radius-large); --r: var(--nw-radius-large);
  --r-mittel: var(--nw-radius-medium); --rand: var(--nw-space-4);
  --tempo: var(--nw-motion-ease); --breite: 760px;
}
/* Bestehende Layoutregeln bleiben erhalten. Dekorative Verläufe, Leuchten und
   Endlosschleifen entfallen einschließlich ihrer Pseudoelemente. */
.nw, .nw *, .nw *::before, .nw *::after {
  background-image: none !important; animation: none !important;
  letter-spacing: var(--nw-font-tracking-heading);
  transition-duration: var(--nw-motion-feedback);
  transition-timing-function: var(--nw-motion-ease);
}
body.nw { background: var(--grund); line-height: var(--nw-font-line-body); }
.nw :is(h1,h2,h3) { line-height: var(--nw-font-line-heading); }
.nw :is(button,input,textarea) { min-height: var(--nw-size-target); font-size: max(14px, 1em); }
.nw button { touch-action: manipulation; }
.nw :focus-visible { outline-color: var(--gw-aktiv); }
.nw .eingabe:focus { border-color: var(--gw-aktiv); box-shadow: none; outline: 2px solid var(--gw-aktiv); outline-offset: 2px; }
.nw :is(.knopf,.anruf-knopf,.eingabe) { border-radius: var(--nw-radius-small); }
.nw .knopf { background: transparent; border: 1px solid var(--linie-2); color: var(--tinte); }
.nw :is(.knopf-primaer,.knopf-akzent,.anruf-knopf) { background: var(--gw-weiss); color: var(--gw-auf-weiss); border-color: var(--gw-weiss); box-shadow: none; }
.nw :is(.knopf-primaer,.knopf-akzent,.anruf-knopf):not(:disabled):hover { background: var(--gw-weiss-hover); color: var(--gw-auf-weiss); filter: none; }
.nw :is(.knopf,.anruf-knopf):disabled {
  background: var(--flaeche); color: var(--tinte-2); border-color: var(--linie);
  opacity: 1; cursor: default;
}
.nw :is(.knopf-rund,.konto-knopf) { background: transparent; border-color: transparent; }
.nw :is(.person-kreis,.ghostwriter-monogramm) { background: var(--gw-text); color: var(--gw-schwarz); }
.nw .begruessung .name { color: var(--tinte); }
.nw .marke-zeichen { color: #ffffff; }
.nw .marke-kern { fill: #ffffff; }
.nw .marke-zeile { stroke: #ffffff; }
.nw :is(.ghostwriter-karte,.cover,.regal-buch,.abzeichen li,.wechsel-text,.meldung) { border-radius: var(--nw-radius-large); }
.nw :is(.ghostwriter-karte,.cover,.regal-buch) { background: var(--karte); color: var(--tinte); box-shadow: none; border: 1px solid var(--linie); }
.nw .cover-form, .nw .cover::before, .nw .ghostwriter-karte::before,
.nw .anruf-symbol::after, .nw dialog.gespraech::before, .nw dialog.gespraech::after { display: none; }
.nw :is(.gespraech .kern,.gespraech .kreis,.gespraech .denkkreis) { box-shadow: none; filter: grayscale(1); }
.nw :is(.gespraech-kugel .kreis,.gespraech-kugel .denkkreis) { display: none; }
.nw dialog.gespraech { background: var(--grund); color: var(--tinte); }
.nw .gespraech-mitte { mask-image: none; -webkit-mask-image: none; }
.nw :is(.info-fuss,.mitschrift-fuss) { background: var(--erhaben); }
.nw dialog:is(.kapitel-blatt,.mitschrift-blatt) .info-fuss {
  background-color: var(--erhaben); border-top: 1px solid var(--linie); z-index: 2;
}
.nw .telefon-text { font-size: var(--nw-font-small); white-space: normal; }
.nw .kapitel-status { font-size: var(--nw-font-small); }
.nw .entwurf, .nw .manuskript-text { max-width: var(--nw-size-reading); margin-inline: auto; }
.nw .manuskript-titel { font-size: var(--nw-font-editorial-title); }
.nw .gespraech-kugel .kern { transform: none; }
@media (min-width: 800px) { :root { --rand: var(--nw-space-6); } }
@media (prefers-reduced-motion: reduce) {
  .nw *, .nw *::before, .nw *::after { transition: none !important; scroll-behavior: auto !important; }
}
.nw :is(dialog.info,dialog.blatt) { border-radius: var(--nw-radius-large) var(--nw-radius-large) 0 0; }
.nw :is(.level-balken > span,.fuell > span) { background: var(--gw-weiss); transition-duration: var(--nw-motion-state); }
.nw :is(.medaille,.band-symbol,.kapitel-nr,.manuskript-zeile > svg:first-child) { box-shadow: none; background: var(--flaeche-2); color: var(--tinte); }
.nw .ghostwriter-bild { filter: grayscale(1); }
.nw .fuss button { border-radius: var(--nw-radius-small); }
.nw .kopf-innen { max-width: calc(var(--breite) - var(--rand) - var(--rand)); }
.nw .modell-option.aktiv { border-color: var(--gw-aktiv); }
.nw .modell-option.aktiv strong { color: var(--gw-aktiv); }
@keyframes ghostwriter-enter {
  from { opacity: 0; transform: translateY(var(--nw-motion-distance)); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .nw .inhalt > * { animation: ghostwriter-enter var(--nw-motion-state) var(--nw-motion-ease) both !important; }
}
.nw .inhalt { gap: var(--nw-space-8); }
.nw .bucharbeitsplatz, .nw .werkstatt-seitenleiste, .nw .werkstatt-inhalt {
  display: grid; gap: var(--nw-space-8); min-width: 0; align-content: start;
}
.nw :is(.werkstatt-seitenleiste,.werkstatt-inhalt) > :empty { display: none; }
.nw .werkstatt-inhalt > [hidden] { display: none; }
/* Arbeitsfläche wächst mit dem Bildschirm. Lesedialoge behalten ihre eigene Zeilenlänge. */
@media (min-width: 1000px) {
  :root { --breite: 1680px; --rand: clamp(24px, 3vw, 56px); }
  .nw .inhalt { padding-top: 32px; }
  .nw .bucharbeitsplatz { grid-template-columns: minmax(300px, .8fr) minmax(0, 1.7fr); gap: clamp(32px, 3vw, 56px); }
  .nw .werkstatt-seitenleiste { gap: 24px; }
  .nw .werkstatt-seitenleiste .reise-schritte { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .nw .werkstatt-inhalt { padding: 24px; border: 1px solid var(--linie); border-radius: var(--r-gross); background: var(--karte); }
  .nw .werkstatt-inhalt .buch-naechstes { background: var(--flaeche); }
  .nw .werkstatt-inhalt .werkstatt-kopf h2 { font-size: 28px; }
  .nw .werkstatt-inhalt .buch-name { font-size: clamp(28px, 2vw, 36px); }
  .nw .werkstatt-inhalt .buch-plan { min-width: 0; }
}
@media (min-width: 1680px) {
  .nw .bucharbeitsplatz { grid-template-columns: minmax(340px, .7fr) minmax(0, 1.8fr); }
  .nw .werkstatt { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; }
  .nw .werkstatt > .werkstatt-kopf, .nw .werkstatt > .buch-uebersicht { grid-column: 1 / -1; }
  .nw .werkstatt > :empty { display: none; }
}
html[data-leseschrift="gross"] .nw :is(.entwurf,.manuskript-text,.wortlaut) {
  font-size: 22px; line-height: 1.65;
}
html[data-leseschrift="gross"] .nw .wechsel-text { font-size: 20px; }
html[data-leseschrift="gross"] .nw :is(.entwurf-absatz,.manuskript-absatz) { font-size: 22px; }
.nw .begruessung h1 { font-size: clamp(1.75rem, 5vw, 2.25rem); }
.nw :is(.begruessung h1,.konto-kopf h2) { overflow-wrap: anywhere; }
.nw .konto-kopf > div { min-width: 0; }
.nw .ghostwriter-karte { padding: var(--nw-space-5); }
.nw .ghostwriter-infos { margin-top: var(--nw-space-4); padding-top: var(--nw-space-3); }
.nw .nachricht { margin: 0; }
.nw .werkstatt { gap: var(--nw-space-5); }
.nw .werkstatt-kopf { margin-bottom: 0; }
.nw .werkstatt-kopf h2 { font-size: 22px; }
.nw .buch-kopf { padding-block: var(--nw-space-2); }
.nw .buch-titelzeile { display: flex; gap: var(--nw-space-3); align-items: flex-start; }
.nw .buch-titelzeile > svg { flex: none; width: 24px; height: 24px; margin-top: 4px; color: var(--gw-weiss); }
.nw .buch-name { font-size: clamp(1.4rem, 4vw, 1.75rem); margin: 0; overflow-wrap: anywhere; }
.nw .cover-kernsatz { margin: var(--nw-space-3) 0; color: var(--tinte-2); font-size: 16px; }
.nw .chip-ok { color: var(--gw-geprueft); background: transparent; padding-left: 0; }
.nw .buch-ablauf { display: grid; gap: var(--nw-space-4); }
.nw .buch-stand { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nw-space-2) var(--nw-space-4); }
.nw .buch-stand p { margin: 0; color: var(--tinte-2); font-size: var(--nw-font-small); }
.nw .status-marke { color: var(--tinte); background: var(--flaeche); border-radius: var(--nw-radius-small); padding: 4px 8px; font-size: var(--nw-font-small); }
.nw .buch-naechstes { background: var(--karte); border: 1px solid var(--linie); border-radius: var(--nw-radius-large); padding: var(--nw-space-5); }
.nw .buch-naechstes h3 { margin: var(--nw-space-2) 0; font-size: 20px; }
.nw .buch-naechstes p { margin-bottom: 0; }
.nw .buch-naechstes .etikett { margin: 0; }
.nw .buch-naechstes.braucht-entscheidung > .etikett { color: var(--gw-entscheidung); }
.nw .buch-naechstes.hat-fehler > .etikett, .nw .fehlertext { color: var(--gw-fehler); }
.nw .buch-naechstes.ist-aktiv > .etikett, .nw .buch-aktiv { color: var(--gw-aktiv); }
.nw .buch-fragen { padding-left: var(--nw-space-5); display: grid; gap: var(--nw-space-2); margin-bottom: 0; }
.nw .buch-details { border-top: 1px solid var(--linie); }
.nw .buch-details summary { min-height: var(--nw-size-target); padding-block: var(--nw-space-3); cursor: pointer; font-size: var(--nw-font-small); font-weight: 600; }
.nw .buch-details summary:focus-visible { outline: 2px solid var(--gw-aktiv); outline-offset: 2px; }
.nw .buch-details-inhalt { padding-bottom: var(--nw-space-4); display: grid; gap: var(--nw-space-4); }
.nw .buch-details-inhalt > :empty { display: none; }
.nw .buch-konzept { margin: 0; }
.nw .buch-konzept dt { color: var(--tinte-3); font-size: var(--nw-font-small); margin-top: var(--nw-space-4); }
.nw .buch-konzept dt:first-child { margin-top: 0; }
.nw .buch-konzept dd { margin: var(--nw-space-1) 0 0; }
.nw .buch-ausgaben { display: flex; flex-wrap: wrap; gap: var(--nw-space-2); }
.nw .buch-aktionsstatus:empty { display: none; }
.nw .buch-aktionsstatus { margin: 0; font-size: var(--nw-font-small); }
.nw .telefon-rot { background: var(--gw-fehler-flaeche); color: var(--gw-fehler); border-color: var(--gw-fehler); box-shadow: none; }
.nw .telefon-rot:not(:disabled):hover { background: var(--gw-fehler-flaeche); }
.nw .gespraech:is([data-phase="verbinden"],[data-phase="zuhoeren"],[data-phase="denken"],[data-phase="sprechen"],[data-phase="abschluss"]) .gespraech-zustand,
.nw .gespraech-schreibt { color: var(--gw-aktiv); }
.nw .gespraech[data-phase="fehler"] .gespraech-zustand,
.nw .formular-fehler { color: var(--gw-fehler); }
.nw .gespraech .speicher-warnung { color: var(--gw-entscheidung); }
.nw .meldung.fehler { background: var(--erhaben); color: var(--gw-fehler); border: 1px solid var(--gw-fehler); }
.nw .buch-extras > summary { color: var(--tinte-2); }
@media (max-width: 380px) {
  .nw .buch-ausgaben .knopf { padding-inline: var(--nw-space-3); }
  .nw .buch-ablauf > .knopf { white-space: normal; text-align: center; }
}
.nw .gespraech-notiz { color: var(--tinte-2); font-size: var(--nw-font-small); }
.nw .gespraech-notiz > p { margin: var(--nw-space-1) 0 0; }
.nw .gespraech-notiz .etikett { margin: 0; font-size: var(--nw-font-small); color: var(--tinte); }

/* Kundenweg: abstraktes Markenzeichen statt erfundener Person. */
.nw .ghostwriter-zeichen { display: inline-grid; place-items: center; width: var(--zeichen-groesse); height: var(--zeichen-groesse); border-radius: var(--nw-radius-medium); background: var(--flaeche); color: var(--tinte); }
.nw .ghostwriter-zeichen > svg { width: 55%; height: 55%; }
.nw .ghostwriter-kopf { align-items: flex-start; }
.nw .ghostwriter-karte .ghostwriter-name { font-size: 24px; letter-spacing: -.02em; }
.nw :is(dialog.info,dialog.blatt,.manuskript-blatt) { background: var(--erhaben); color: var(--tinte); }
.nw dialog.gespraech::backdrop { background: var(--grund); }
.nw :is(.gespraech-info,.gespraech-zustand,.gespraech-kurz,.telefon-rund) { background: var(--flaeche); border-color: var(--linie); }
.nw .ghostwriter-name { line-height: 1.2; }
.nw .einstieg-text { color: var(--tinte-2); line-height: 1.55; margin-bottom: 0; }
.nw .einstieg-titel { font-size: 24px; margin-top: var(--nw-space-5); }
.nw .mikrofon-hinweis { color: var(--tinte-3); font-size: var(--nw-font-small); line-height: 1.45; margin-bottom: 0; }
.nw .buch-ansehen { margin-top: var(--nw-space-3); width: 100%; }
.nw .einstieg-blatt .info-fuss { display: grid; gap: var(--nw-space-3); }
.nw .gespraech-kugel .ghostwriter-zeichen { width: 100%; height: 100%; border-radius: 50%; }
.nw .info-fuss > .knopf + .knopf { margin-top: var(--nw-space-2); }

/* Gemeinsame Produktflächen für Gespräch, Buchreise und Lesen. */
.nw .ghostwriter-karte { background: var(--karte); border-color: var(--linie-2); }
.nw .ghostwriter-karte .ghostwriter-zeichen { background: var(--flaeche); color: var(--gw-weiss); filter: none; }
.nw .ghostwriter-karte .ghostwriter-rolle { color: var(--tinte-2); }
.nw .ghostwriter-karte .anruf-symbol { background: var(--gw-auf-weiss); color: var(--gw-text); }
.nw .ghostwriter-karte .buch-ansehen { color: var(--gw-weiss); border-color: var(--linie-2); background: var(--flaeche); }
.nw .ghostwriter-infos li.ghostwriter-thema { background: var(--flaeche); color: var(--tinte); }
.nw .ghostwriter-infos { border-color: var(--linie); }
.nw .buchreise { padding: var(--nw-space-5); background: var(--karte); border: 1px solid var(--linie); border-radius: var(--nw-radius-large); min-width: 0; display: grid; gap: 20px; }
.nw .reise-kopf { display: flex; gap: 12px; align-items: center; }
.nw .reise-kopfsymbol { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: var(--nw-radius-medium); background: var(--flaeche); color: var(--gw-weiss); }
.nw .reise-kopfsymbol > svg { width: 24px; height: 24px; }
.nw .reise-kopf h2, .nw .reise-unbekannt h2 { margin: 3px 0 0; font-size: 22px; }
.nw .reise-kopf .etikett { margin: 0; color: var(--tinte-2); font-size: 12px; }
.nw .reise-schritte { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.nw .reise-schritt { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px 2px; border: 1px solid transparent; border-radius: var(--nw-radius-medium); min-width: 0; }
.nw .reise-station { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--linie-2); border-radius: 50%; color: var(--tinte-2); font-size: 13px; font-weight: 600; flex: none; }
.nw .reise-station svg { width: 17px; height: 17px; }
.nw .reise-schrittname { color: var(--tinte-2); font-size: 13px; line-height: 1.3; text-align: center; overflow-wrap: anywhere; }
.nw .reise-schritt.erledigt .reise-station { background: var(--flaeche); border-color: var(--linie-2); color: var(--gw-geprueft); }
.nw .reise-schritt.erledigt .reise-schrittname { color: var(--tinte); }
.nw .reise-schritt.aktiv { background: var(--flaeche); border-color: var(--gw-aktiv); }
.nw .reise-schritt.aktiv .reise-station { background: var(--flaeche); border-color: var(--gw-aktiv); color: var(--gw-aktiv); }
.nw .reise-schritt.aktiv .reise-schrittname { color: var(--tinte); font-weight: 650; }
.nw .reise-messungen { display: grid; gap: 14px; }
.nw .reise-messkopf { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 10px; font-size: 14px; line-height: 1.3; }
.nw .reise-messkopf > span { color: var(--tinte-2); }
.nw .reise-messkopf strong { font-variant-numeric: tabular-nums; font-weight: 600; }
.nw .reise-messung progress { display: block; width: 100%; height: 8px; margin-top: 8px; border: 0; border-radius: 20px; overflow: hidden; appearance: none; background: var(--linie); color: var(--gw-weiss); }
.nw .reise-messung progress::-webkit-progress-bar { background: var(--linie); border-radius: 20px; }
.nw .reise-messung progress::-webkit-progress-value { background: var(--gw-weiss); border-radius: 20px; }
.nw .reise-messung progress::-moz-progress-bar { background: var(--gw-weiss); border-radius: 20px; }
.nw .reise-messung.geprueft { color: var(--gw-geprueft); }
.nw .reise-messung.geprueft progress { color: var(--gw-geprueft); }
.nw .reise-messung.geprueft progress::-webkit-progress-value { background: var(--gw-geprueft); }
.nw .reise-messung.geprueft progress::-moz-progress-bar { background: var(--gw-geprueft); }
.nw .reise-zahlen { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.nw .reise-zahlen > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; min-width: 0; padding: 12px 6px; border-radius: var(--nw-radius-medium); background: var(--flaeche); text-align: center; }
.nw .reise-zahlen dt { color: var(--tinte-2); font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; hyphens: auto; }
.nw .reise-zahlen dd { margin: 0; color: var(--tinte); font-size: clamp(19px,4.4vw,25px); font-weight: 650; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nw .reise-erfolg, .nw .reise-ziel { padding: 14px; border-radius: var(--nw-radius-medium); }
.nw .reise-erfolg-kopf, .nw .reise-ziel { display: flex; gap: 12px; align-items: flex-start; }
.nw .reise-erfolg { color: var(--tinte); background: var(--flaeche); border: 1px solid var(--linie-2); }
.nw .reise-erfolg-kopf > svg { color: var(--gw-geprueft); }
.nw .reise-erfolg-kopf > svg, .nw .reise-ziel > svg { width: 23px; height: 23px; flex: none; margin-top: 2px; }
.nw .reise-erfolg .etikett, .nw .reise-ziel .etikett { margin: 0 0 4px; font-size: 12px; }
.nw .reise-erfolg strong { font-size: 15px; line-height: 1.4; font-weight: 600; }
.nw .reise-erfolg .buch-details { margin-top: 12px; }
.nw .reise-meilensteine { list-style: none; display: grid; gap: 12px; margin: 0; padding: 0; }
.nw .reise-meilensteine li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.45; }
.nw .reise-meilensteine svg { width: 20px; height: 20px; flex: none; color: var(--gw-geprueft); }
.nw .reise-werte { margin: 0; font-size: 14px; line-height: 1.5; }
.nw .reise-werte dt { color: var(--tinte); font-weight: 600; }
.nw .reise-werte dd { margin: 4px 0 16px; color: var(--tinte-2); }
.nw .reise-werte dd:last-child { margin-bottom: 0; }
.nw .reise-ziel { background: var(--flaeche); border: 1px solid var(--linie); color: var(--tinte); }
.nw .reise-ziel p { margin: 0; font-size: 14px; line-height: 1.4; }
.nw .reise-zielzahl { display: inline-block; margin-top: 6px; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--tinte-2); }
.nw .reise-legende, .nw .reise-hinweis { margin: 0; color: var(--tinte-2); font-size: 13px; line-height: 1.45; }
.nw .reise-veraltet { margin: 0; padding: 10px 12px; border-radius: var(--nw-radius-small); background: var(--flaeche); color: var(--tinte); font-size: 14px; }
.nw .buch-naechstes.braucht-entscheidung { background: var(--flaeche); border-color: var(--linie-2); }
.nw .buch-naechstes.hat-fehler { background: var(--gw-fehler-flaeche); border-color: var(--gw-fehler); }
.nw .buch-naechstes.ist-aktiv { background: var(--flaeche); border-color: var(--linie-2); }
.nw .buch-ablauf > .knopf-primaer { background: var(--gw-text); border-color: var(--gw-text); color: var(--gw-auf-weiss); }
.nw .buch-ablauf > .knopf-primaer:not(:disabled):hover { background: var(--gw-weiss-hover); color: var(--gw-auf-weiss); }
.nw .kapitel-zeile { background: var(--karte); border-color: var(--linie); }
.nw .kapitel-nr { background: var(--flaeche); color: var(--gw-weiss); }
.nw .kapitel-chip { color: var(--gw-weiss); background: var(--flaeche); }
.nw .kapitel-zeile.status-fertig .kapitel-chip { background: var(--flaeche); color: var(--gw-geprueft); }
.nw .kapitel-zeile.status-fertig .kapitel-nr { background: var(--flaeche); color: var(--gw-geprueft); }
.nw .manuskript-zeile { background: var(--flaeche); border-color: var(--linie-2); }
.nw .manuskript-zeile > svg:first-child { background: var(--gw-rand); color: var(--gw-weiss); }
.nw .gespraech[data-phase="zuhoeren"] .ghostwriter-zeichen { background: var(--flaeche); color: var(--gw-weiss); }
.nw .gespraech[data-phase="sprechen"] .ghostwriter-zeichen { background: var(--flaeche); color: var(--gw-weiss); }
.nw .gespraech[data-phase="fehler"] .ghostwriter-zeichen { background: var(--flaeche); color: var(--tinte); }
@media (max-width: 540px) {
  .nw .reise-schritte { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  .nw .reise-schritt { flex-direction: row; gap: 7px; justify-content: flex-start; padding: 7px 5px; }
  .nw .reise-station { width: 25px; height: 25px; font-size: 12px; }
  .nw .reise-schrittname { font-size: 12px; text-align: left; }
}
@media (max-width: 350px) {
  .nw .buchreise { padding: 16px; gap: 16px; }
  .nw .reise-schritt { padding-inline: 2px; gap: 5px; }
  .nw .reise-station { width: 22px; height: 22px; }
  .nw .reise-schrittname { font-size: 12px; }
  .nw .reise-zahlen { gap: 5px; }
  .nw .reise-zahlen dt { font-size: 12px; }
}