/*
  ZwischenBlog AP-16
  Datei: assets/styles/content.css
  Rolle: Dokument-, Hilfe- und Prose-Darstellung für Handbuch und Admintexte.
*/
.zb-prose { max-width: 900px; }
.zb-prose h1, .zb-prose h2, .zb-prose h3 { letter-spacing: -.035em; line-height: 1.08; }
.zb-prose h1 { font-size: clamp(2rem, 5vw, 4rem); }
.zb-prose h2 { margin-top: var(--zb-space-8); font-size: 1.65rem; }
.zb-prose p, .zb-prose li { color: var(--zb-ink-soft); }
.zb-prose code { background: var(--zb-code-bg); border: 1px solid var(--zb-line); border-radius: 7px; padding: 2px 6px; color: var(--zb-brand); }
.zb-doc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--zb-space-4); }
.zb-doc-item { border: 1px solid var(--zb-line); border-radius: var(--zb-radius-md); background: var(--zb-panel-bg); padding: var(--zb-space-4); }
@media (max-width: 740px) { .zb-doc-grid { grid-template-columns: 1fr; } }

/* AP-14 Taxonomie-Karten mit Löschaktion. */
.zb-doc-item--action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--zb-space-3);
  align-items: start;
}
.zb-doc-item--action .zb-icon-button:disabled {
  opacity: .38;
  cursor: not-allowed;
}


/* AP-15 | 2026-05-05 | Markdown-Bilder und KippRaum-Artikelrhythmus | Owner: Team 2 */
.zb-article__inline-image { margin: var(--zb-space-6) 0; }
.zb-article__inline-image img { display: block; width: 100%; border-radius: var(--zb-shape-xl); border: 1px solid var(--zb-outline); background: var(--zb-surface-container); }
.zb-article__body ul { margin: var(--zb-space-4) 0; padding-left: 1.35rem; color: var(--zb-on-surface-variant); line-height: 1.7; }


/* AP-19 | Beitrag-Galerie | Zweck: zweite Beitragsbilder zentral darstellen */
.zb-article__gallery {
  display: grid;
  gap: var(--zb-space-5);
  margin: var(--zb-space-6) 0;
}
.zb-article__gallery-item {
  margin: 0;
  overflow: hidden;
  border-radius: var(--zb-radius-xl);
  border: 1px solid var(--zb-color-outline-variant);
  background: var(--zb-color-surface-container);
}
.zb-article__gallery-item img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.zb-article__gallery-item figcaption {
  padding: var(--zb-space-3) var(--zb-space-4);
}