/* Modul „text“ (module/text). Nur Tokens: --bm-* (Website), --bb-*
   (Bausteine, Ton-Regel). Werte aus seiten/module/d2a.css (Text, Sektion,
   Punkte), site/aufbau/aufbau.css (Einleitung) und portfolio/detail.css
   (.bm-prosa blockquote). Breakpoints: keine nötig (Größen per clamp). */

/* ── Rahmen: Kopf wie die alte Sektion (t-h2, schmale Spalte) ─────────── */
.bb-m-text {
  --bb-kopf-abstand: clamp(1.25rem, 0.8rem + 1.2vw, 2rem);   /* in der Lesespalte enger */
  --bb-kopf-titel-max: none;
  --bb-punkte-luecke: 0.75rem;
}
.bb-m-text .bb-kopf__titel { letter-spacing: var(--bm-sp-leicht); hyphens: auto; overflow-wrap: break-word; }
.bb-m-text .bb-kopf__einleitung { max-width: none; font-size: var(--bm-t-body); line-height: var(--bm-zh-text); }
/* breite="inhalt": linke Achse im Inhaltsraster, Zeilen in Textbreite
   (vorher Lesebereich „breit“: .wrap.bm-m-schmal > *). */
.bb-m-text.bb-sektion--inhalt > .bb-sektion__innen > * { max-width: var(--bm-textbreite); }

/* Aufeinanderfolgende Texte auf derselben Fläche lesen sich als ein Fluss. */
:is(.bb-m-text[data-ton='hell'] + .bb-m-text[data-ton='hell'],
    .bb-m-text[data-ton='kuehl'] + .bb-m-text[data-ton='kuehl'],
    .bb-m-text[data-ton='sand'] + .bb-m-text[data-ton='sand'],
    .bb-m-text[data-ton='dunkel'] + .bb-m-text[data-ton='dunkel'],
    .bb-m-text[data-ton='farbig'] + .bb-m-text[data-ton='farbig']) { padding-top: 0; }

/* ── lesen: Absätze im Fließtextton, Haken-Punkte ──────────────────────── */
.bb-m-text__absatz {
  max-width: var(--bm-zeile-text);
  margin: 0;
  font-size: var(--bm-t-body);
  line-height: var(--bm-zh-text);
  color: var(--bb-text-ruhig);
  white-space: pre-line;
  text-wrap: pretty;
}
.bb-m-text__absatz + .bb-m-text__absatz { margin-top: 1.1em; }
.bb-m-text__punkte.bb-punkte { font-size: var(--bm-t-body); line-height: var(--bm-zh-lang); }
.bb-m-text__punkte { margin-top: 1.25rem; }
.bb-m-text__punkte.bb-punkte--haken > li { gap: 0.875rem; }
.bb-m-text__punkte.bb-punkte--haken svg { margin-top: 0.3em; }

/* ── einleitung: Lead-Absatz, volle Textfarbe ──────────────────────────── */
.bb-m-text__einleitung {
  max-width: var(--bm-textbreite);
  margin: 0;
  font-size: var(--bm-t-lead);
  line-height: var(--bm-zh-lang);
  color: var(--bb-text);
  text-wrap: pretty;
}

/* ── zitat: Satz mit Linie links im Textfluss ──────────────────────────── */
.bb-m-text__zitat { max-width: var(--bm-zeile-text); margin: 0; }
.bb-m-text__zitat blockquote {
  margin: 0;
  padding-left: 1.1em;
  border-left: var(--bm-fokus-breite) solid var(--bb-text);
  font-size: var(--bm-t-lead);
  line-height: var(--bm-zh-text);
  color: var(--bb-text-ruhig);
}
.bb-m-text__zitat blockquote p { margin: 0; text-wrap: pretty; }
.bb-m-text__zitat figcaption {
  margin-top: 0.75rem;
  padding-left: calc(1.1em + var(--bm-fokus-breite));
  font-size: var(--bm-t-body);
  line-height: var(--bm-zh-mittel);
  color: var(--bb-text-ruhig);
}