/* Werkzeug "Nebenwirkungen vergleichen" (nebenwirkungen-vergleichen), Agent T, 22.10.2026.
   Keine Farben für besser oder schlechter: alle Zellen gleich, "nicht genannt" nur leiser gesetzt. Nur Variablen der
   Gestaltung (Dunkelmodus), nichts schwebend. Druck: das Skript setzt beim Drucken body.pp-nv-druckmodus. */

.pp-nv-gruppe { border: 1px solid var(--pp-linie-2); border-radius: 12px; padding: .75rem 1rem 1rem; margin: 0; min-width: 0; }
.pp-nv-gruppe legend { font-weight: 700; font-size: .95rem; padding: 0 .35rem; }
.pp-nv-wahlliste, .pp-main .prose .pp-nv-wahlliste { list-style: none; margin: .35rem 0 0; padding: 0; display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .25rem 1.2rem; }
.pp-nv-wahlliste li, .pp-main .prose .pp-nv-wahlliste li { margin: 0; padding: 0; }
.pp-nv-wahl { display: flex; gap: .6rem; align-items: flex-start; min-height: 24px; padding: .2rem 0; cursor: pointer; line-height: 1.45; }
.pp-nv-wahl input { flex: none; width: 1.25rem; height: 1.25rem; margin: .1rem 0 0; accent-color: var(--pp-marke); cursor: pointer; }
.pp-nv-wahl input:focus-visible { outline: 3px solid var(--pp-akzent); outline-offset: 2px; }
.pp-main .prose .pp-nv-knopfzeile, .pp-nv-knopfzeile { margin: .7rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }

.pp-main .prose .pp-nv-hinweis, .pp-nv-hinweis { display: flex; gap: .55rem; align-items: flex-start; margin: 0 0 .9rem; padding: .75rem .9rem;
    border: 1px solid var(--pp-linie-2); border-radius: 12px; background: var(--pp-flaeche); line-height: 1.5; }
.pp-nv-hinweis svg { flex: none; margin-top: .2rem; color: var(--pp-marke); }

.pp-main .prose .pp-nv-titel, .pp-nv-titel { margin: 0 0 .2rem; font-size: 1.15rem; }
.pp-nv-rahmen { margin: .6rem 0; }
.pp-main .prose .pp-nv-tabelle th, .pp-main .prose .pp-nv-tabelle td { padding: .55rem .75rem; }
.pp-nv-tabelle thead th { white-space: normal; }
.pp-nv-klasse { display: block; font-weight: 650; }
.pp-nv-zusatz { display: block; font-size: .85em; color: var(--pp-tinte-2); }
.pp-nv-zelle--fehlt .pp-nv-klasse { font-weight: 500; color: var(--pp-tinte-3); }
.pp-nv-meldung { font-weight: 650; }
.pp-main .prose .pp-nv-quellen-titel, .pp-nv-quellen-titel { margin: .8rem 0 .2rem; font-weight: 700; font-size: .95rem; }
.pp-main .prose .pp-nv-quellen { margin: 0; padding-left: 1.2rem; font-size: .9rem; }
.pp-main .prose .pp-nv-quellen li { margin: .25rem 0; }
.pp-nv-quellen { overflow-wrap: anywhere; }
.pp-nv-tabelle thead th:first-child { width: 30%; }
.pp-nv-wert { display: block; }
.pp-nv-druckhinweis { display: none; }

/* Schmale Bildschirme: jede Nebenwirkung als Block, darin je Wirkstoff eine Zeile (Name aus data-label) */
@media screen and (max-width: 600px) {
    .pp-nv-tabelle thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .pp-nv-tabelle, .pp-nv-tabelle tbody, .pp-nv-tabelle tr, .pp-nv-tabelle th, .pp-nv-tabelle td { display: block; width: auto; }
    .pp-main .prose .pp-nv-tabelle tr, .pp-nv-tabelle tr { padding: .6rem .8rem; border-bottom: 1px solid var(--pp-linie); }
    .pp-nv-tabelle tbody tr:last-child { border-bottom: 0; }
    .pp-main .prose .pp-nv-tabelle tbody th, .pp-nv-tabelle tbody th { padding: 0 0 .35rem; border: 0; }
    .pp-main .prose .pp-nv-tabelle td, .pp-nv-tabelle td { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: .6rem; padding: .25rem 0; border: 0; }
    .pp-nv-tabelle td::before { content: attr(data-label); color: var(--pp-tinte-2); font-size: .92em; }
}

@media print {
    body.pp-nv-druckmodus *:not(:has(.pp-nv-druck)):not(.pp-nv-druck):not(.pp-nv-druck *) { display: none !important; }
    body.pp-nv-druckmodus .pp-nv-ergebnis { background: none; padding: 0; margin: 0; }
    .pp-nv-druck { color: #000; }
    .pp-nv-druckhinweis { display: block; font-weight: 700; margin-top: .6rem; }
    .pp-nv-tabelle tr { break-inside: avoid; }
}