/* ------------------------------------------------ /bms/biologie (Präfix bb-)
   Beispielfrage Insulin mit Prüfliste. Fächer-Balken und Themen-Kacheln
   kommen aus seite-bms-fach.css (bf-). */

/* Beispielfrage */
.r-band .bb-blatt .bb-stamm { margin: 0 0 16px; font: 700 19px/1.4 "Work Sans", sans-serif; color: #1d1916; }
.bb-opt { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.r-band .bb-opt li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border: 1px solid #d9d0c4; border-radius: 4px; font: 400 16px/1.45 "Work Sans", sans-serif; color: #1d1916; }
.r-band .bb-opt b { flex: none; width: 22px; font: 700 14px/1.6 "Work Sans", sans-serif; color: #776c61; }
.bb-pruef { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.r-band .bb-pruef li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 16px; line-height: 1.55; }
.r-band .bb-pruef b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; font: 700 13px/1 "Work Sans", sans-serif; color: #fff; background: var(--r-nein); }
.r-band .bb-pruef .ja b { background: var(--r-ok); }
@media (prefers-color-scheme: dark) { .r-band .bb-pruef b { color: #1b1815; } }

@media (max-width: 760px) {
  .r-band .bb-blatt .bb-stamm { font-size: 17px; }
}