/* Modul 08: Regler und unmittelbare Rückmeldung auf einen Blick. */
body[data-module-num="08"] .main-layout{display:block}
.experiment-presets{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.experiment-presets .mini-presets{gap:8px}
.experiment-presets .mini-btn{min-height:40px;padding:4px 14px}
.experiment-cockpit{position:sticky;top:calc(var(--mk-hoehe,129px) + 8px);z-index:100;display:grid;grid-template-columns:minmax(240px, .8fr) minmax(0,1.2fr);gap:24px;padding:16px 20px;background:var(--al-papier,#fff);border:2px solid var(--al-tinte,#16181a);border-top:5px solid var(--al-farbe,#c800a1);box-shadow:0 5px 0 var(--al-papier,#fff)}
body[data-module-num="08"] .experiment-cockpit .sliders-panel{position:static;display:grid;grid-template-columns:1fr;align-content:start;gap:12px;padding:0;min-width:0}
.experiment-cockpit .v-control{gap:0;min-width:0}
.control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.control-heading label{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:19px;font-weight:700;letter-spacing:.04em}
.experiment-cockpit .v-big{font-size:18px;line-height:1.25;white-space:nowrap}
.experiment-cockpit .v-slider{writing-mode:horizontal-tb;direction:ltr;-webkit-appearance:auto;appearance:auto;display:block;width:100%;height:28px;margin:0;background:transparent;border-radius:0;accent-color:var(--al-farbe,#c800a1)}
.experiment-cockpit .v-slider::-webkit-slider-thumb{-webkit-appearance:auto;appearance:auto;margin:0;width:auto;height:auto;border:0;background:transparent}
.experiment-cockpit .v-slider:focus-visible{outline:2px solid var(--al-farbe);outline-offset:2px}
.control-scale{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.1;color:var(--al-grau)}
.experiment-cockpit .step-row{margin:6px 0 0;justify-content:flex-start;gap:8px}
body[data-module-num="08"] .experiment-cockpit .step-btn{min-width:62px;min-height:32px;padding:2px 10px;font-size:16px;background:var(--al-hauch);border:1px solid var(--al-farbe);color:var(--al-schrift);line-height:1.25}
.experiment-cockpit .bars-card{padding:0 0 0 24px;border-left:1px solid var(--al-linie);min-width:0}
.experiment-cockpit .viz-label{font-size:14px;line-height:1.2;margin:0 0 10px;letter-spacing:.08em}
.experiment-cockpit .bars{gap:10px}
.experiment-cockpit .bar-row{grid-template-columns:minmax(0,1fr) 52px;gap:4px 10px;cursor:pointer}
.experiment-cockpit .bar-label{grid-column:1;grid-row:1;min-width:0}
.experiment-cockpit .bar-name{font-size:16px;line-height:1.2}
.experiment-cockpit .bar-hint{display:none}
.experiment-cockpit .bar-sub{display:none}
.experiment-cockpit .bar-track{grid-column:1 / -1;grid-row:2;height:13px;border-radius:0}
.experiment-cockpit .bar-fill{border-radius:0}
.experiment-cockpit .bar-pct{grid-column:2;grid-row:1;font-family:'Plex Mono',monospace;font-size:19px;line-height:1.2;color:var(--al-tinte)}
.experiment-cockpit .bar-row:hover .bar-name,.experiment-cockpit .bar-row:focus-visible .bar-name{text-decoration:underline}
.experiment-cockpit .bar-row:focus-visible{outline:2px solid var(--al-farbe);outline-offset:4px}
.experiment-context{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:start;padding:12px 0 16px}
.experiment-context .dominant-box{background:transparent;border:0;border-radius:0;padding:0}
.experiment-context .dominant-name{font-size:15px}
.experiment-context .dominant-desc{font-size:13px;max-width:48ch}
.pulse-details{max-width:220px;border:1px solid var(--al-linie);padding:6px 10px;background:var(--al-papier)}
.pulse-details summary{font-family:'Barlow Condensed',sans-serif;font-size:16px;cursor:pointer;color:var(--al-schrift)}
.pulse-details .hr-compact{padding-top:8px}
.pulse-details .hr-mini{width:72px;font-size:16px}
.experiment-context .action-col{flex-direction:row}
.experiment-context .action-btn{width:auto;min-height:40px;padding:4px 12px;font-size:16px}
.charts-panel{min-width:0}
.charts-panel .chart-section{padding:14px 18px}
.charts-panel .chart-header{margin-bottom:6px}
.charts-panel .chart-header .viz-label{font-size:14px}
.charts-panel .area-canvas{height:190px}
.charts-panel .canvas-legend{margin-top:4px}
.experiment-cockpit~.charts-panel :is(.card,.collapsible-hdr){scroll-margin-top:calc(var(--mk-hoehe,129px) + 240px)}
.thresh-int-slider{min-width:0}
@media(max-width:700px){
  .experiment-cockpit{grid-template-columns:1fr;gap:14px;padding:12px;top:var(--mk-hoehe,129px)}
  body[data-module-num="08"] .experiment-cockpit .sliders-panel{grid-template-columns:1fr 1fr;gap:18px}
  .experiment-cockpit .bars-card{padding:12px 0 0;border-left:0;border-top:1px solid var(--al-linie)}
  .experiment-cockpit .viz-label{font-size:12px;margin-bottom:8px}
  .experiment-cockpit .bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .experiment-cockpit .bar-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
  .experiment-cockpit .bar-label{min-height:34px;align-items:flex-start;gap:5px}
  .experiment-cockpit .bar-dot{width:7px;height:7px;margin-top:4px}
  .experiment-cockpit .bar-name{font-size:14px}
  .experiment-cockpit .bar-pct{order:1;text-align:left;font-size:20px}
  .experiment-cockpit .bar-track{order:2;width:100%;height:10px}
  .experiment-context{grid-template-columns:1fr auto;gap:10px}
  .experiment-context .dominant-box{grid-column:1 / -1}
  .control-heading{gap:5px}
  .control-heading label{font-size:17px}
  .experiment-cockpit .v-big{font-size:15px}
  .control-scale{font-size:10px;gap:4px}
  .experiment-presets{flex-wrap:wrap;gap:8px}
  .experiment-presets .mini-presets{gap:6px;flex:1;justify-content:flex-end}
  .experiment-presets .mini-btn{padding:3px 8px;font-size:16px}
  .charts-panel .chart-section{padding:12px}
  .charts-panel .area-canvas{height:170px}
  .experiment-cockpit .tooltip-text{display:none}
  .thresh-int-row{flex-wrap:wrap}
  .thresh-int-label{flex-basis:100%}
}
@media(max-width:380px){
  .experiment-cockpit{padding:10px;gap:10px}
  body[data-module-num="08"] .experiment-cockpit .sliders-panel{gap:12px}
  .control-heading{flex-wrap:wrap;gap:0 6px}
  .experiment-cockpit .bars{gap:8px}
  .experiment-context{grid-template-columns:1fr}
  .pulse-details{max-width:none}
  .experiment-presets .sp-title{width:100%}
  .experiment-presets .mini-presets{justify-content:flex-start}
}
@media(max-height:520px) and (min-width:701px){
  .experiment-cockpit{padding:10px 16px;gap:18px;top:var(--mk-hoehe,129px)}
  .experiment-cockpit .bars-card{padding-left:18px}
  body[data-module-num="08"] .experiment-cockpit .sliders-panel{gap:6px}
  .experiment-cockpit .bars{gap:8px}
}
@media print{.experiment-cockpit{position:static;box-shadow:none}.experiment-context .pulse-details{display:none}}