/* Zusatz-Styles für die statische Nur-Lese-Ansicht (public/).
   Nutzt styles.css der App und ergänzt nur die Ansicht-spezifischen Teile. */

.viewer-bar h1 { text-align: left; }

.viewer-badge {
  flex: none;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--card-2);
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}

.viewer-info { margin-top: 10px; }

.viewer-meta {
  margin-top: 4px;
  font-size: .75rem;
}