/* «Wie wir denken» auf der Startseite (section.lab-story.band-dark, Markup scripts/pages/home.mjs labSection).
   Korrektur vor dem Livegang, 5. Oktober 2026: Die frühere 3D-Sequenz (Klebestrecke über 280svh, Kapitel aus der Scrollposition,
   requestAnimationFrame-Schleife mit Partikeln aus dist/scene.js und three.js) ist entfernt. entscheid.md §1 und motion.md «Verboten»
   schliessen Scroll-Übernahme, Dauerschleifen ausser dem Film und Partikel aus. Jetzt für alle Geräte gleich, wie früher bei 390 px,
   Pause und Reduktion: drei Gedanken als ruhiger Text auf Nacht.
   Zeilen statt Kästchen (Komponentenvertrag §4 «Zeilenlisten»): Auftakt 1,5 px in --text-1, Trenner 1 px --linie-ton. Ab 900 px im
   12er-Raster: Name Spalten 1 bis 3, Satz (h2, Newsreader) Spalten 4 bis 8, Erläuterung Spalten 9 bis 12, auf der ersten Grundlinie.
   Bewegung nur der einmalige Eintritt der Zeilen (data-reveal-group in dist/site.js); Pause und Reduktion zeigen sofort den Endzustand.
   Nur Markentokens und Rollen aus dist/site.css; auf Nacht schalten .band-dark die Rollen um. */
.lab-kicker{margin:0 0 var(--space-6)}
.lab-chapters{list-style:none;margin:0;padding:0;border-top:var(--linie-kontur) solid var(--text-1)}
.lab-chapter{display:grid;gap:var(--space-3);padding:var(--space-6) 0 var(--space-7);border-bottom:var(--linie-haar) solid var(--linie-ton)}
.lab-chapter:last-child{padding-bottom:0;border-bottom:0}
.lab-name{margin:0;font:500 var(--fs-text-klein)/1.5 var(--sans);color:var(--text-2)}
.lab-title{margin:0;max-width:18ch;color:var(--text-1)}
.lab-text{margin:0;max-width:34em;color:var(--text-2)}
@media(min-width:900px){
 .lab-kicker{margin-bottom:var(--space-7)}
 .lab-chapter{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--raster-steg);align-items:baseline;padding:var(--space-7) 0}
 .lab-chapter:last-child{padding-bottom:var(--space-2)}
 .lab-name{grid-column:1/span 3}
 .lab-title{grid-column:4/span 5;max-width:none;padding-right:var(--space-6)}
 .lab-text{grid-column:9/-1}
}