/* Scoped production refinements for the approved compact experiments. The
   shared reader-scenes stylesheet owns fit measurement and guide navigation. */
.reader-scene.payoff-layout, .reader-scene.oja-wide-layout { display: block; }
.reader-lab-primary { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: end; margin-bottom: 12px; }
.reader-lab-primary > .controls, .reader-lab-primary > .estimator-switch { flex: 1 1 100%; margin: 0; }
.reader-lab-primary > .lab-control { flex: 1 1 200px; min-width: 0; }
.reader-lab-primary button { min-height: 42px; }
.reader-lab-outcomes { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; align-items: start; }
.reader-lab-ledger-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(220px,.9fr); gap: 14px; align-items: start; }
.reader-lab-picture, .reader-lab-ledger { min-width: 0; }
.reader-lab-ledger .lab-metrics { display: grid; grid-template-columns: 1fr; gap: 0; }
.reader-lab-ledger .lab-metric { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px; border: 0; border-top: 1px solid var(--line,#d8dde6); }
.reader-lab-ledger .lab-metric strong { font-size: .85rem; text-transform: none; }
.reader-lab-ledger .lab-metric output { margin: 0; font-size: 1.05rem; }
#ojaRadiusScene .oja-static-ledger { display: flex; flex-direction: column; padding: 10px; gap: 7px; font-size: .85rem; }
#ojaRadiusScene .oja-static-scroll { min-width: 0; overflow: visible; }
#ojaRadiusScene .oja-static-scroll svg:not(:where(.katex *)) { width: 100%; min-width: 0; height: auto; }
#ojaRadiusScene .oja-radius-legend { font-size: .78rem; margin-block: 5px; }
#ojaRadiusScene .reader-scene-options .oja-radius-workbench { display: block; }
#ojaRadiusScene .reader-scene-options .oja-radius-picture:empty { display: none; }
#ojaRadiusMissedCost { color: #9b6519; }
#ojaRadiusNuisanceCost { color: #235f9e; }
#mixer-lab .reader-scene-unit .function-stage { min-height: 230px; }
#mixer-lab .reader-scene-unit .function-canvas { height: 270px; min-height: 230px; }
#mixer-lab .reader-scene-unit .function-legend { margin-block: 7px; font-size: .78rem; }
#mixer-lab .reader-scene-unit .lab-metrics { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
#mixer-lab .reader-scene-unit .lab-metric { padding: 8px; }
#mixer-lab .reader-scene-unit .lab-metric strong { font-size: .76rem; }
#mixer-lab .reader-scene-unit .mixer-gains { padding: 0; }
#mixer-lab .reader-scene-unit .mixer-gains p { margin: 0 0 7px; font-size: .8rem; }
#mixer-lab .reader-scene-unit .mixer-gains .gain-pair { gap: 5px 8px; font-size: .8rem; }
#mixer-lab .reader-scene-unit .mixer-learning-example { margin-block: 8px; }
#mixer-lab .reader-scene-unit .mixer-learning-example p { font-size: .8rem; margin-block: 5px; }
#mixer-lab .reader-scene-options .function-mixer-workbench { display: block; }
#mixer-lab .reader-scene-options .function-primary-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
#mixerWalkthrough, #mixerSgdComparison { font-size: .88rem; line-height: 1.45; margin-block: 8px; }
#spanProjectionScene .reader-scene-unit { display: flex; flex-direction: column; }
#spanProjectionScene .reader-scene-unit .mobile-scroll { min-width: 0; overflow: visible; }
#spanProjectionScene .reader-scene-unit svg:not(:where(.katex *)) { width: 100%; min-width: 0; height: auto; }
#spanProjectionScene .reader-scene-unit .diagram-key { font-size: .8rem; }
#spanProjectionScene .payoff-readout, #spanProjectionScene .plot-status { font-size: .88rem; padding: 8px; margin: 5px 0; }
.reader-span-cost .payoff-formula { font-size: .9rem; overflow-x: auto; padding: 8px 0; }
.reader-span-cost output { font-weight: 700; color: #7862b2; }
#medianLearnedLab .reader-median-workbench { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: 18px; align-items: start; }
#medianLearnedLab .median-learned-inspection { margin-top: 0; }
#medianLearnedLab .median-local-guide { margin: 0 0 12px; padding: 12px; }
#medianLearnedLab .median-local-votes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
#medianLearnedLab .median-local-vote { font-size: .8rem; }
#medianLearnedLab .median-local-vote strong { font-size: 1.1rem; }
#medianLearnedLab .reader-scene-options { margin-top: 12px; }
@media(max-width: 760px) {
 .reader-lab-ledger-layout { grid-template-columns: 1fr; }
 .reader-lab-outcomes { grid-template-columns: 1fr; gap: 8px; }
 #ojaRadiusScene .oja-static-ledger { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); font-size: .78rem; }
 #ojaRadiusScene .oja-static-ledger > strong { grid-column: 1/-1; }
 #ojaRadiusScene .reader-lab-ledger .lab-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
 #ojaRadiusScene .reader-lab-ledger .lab-metric { display: block; padding: 6px; }
 #ojaRadiusScene .reader-lab-ledger .lab-metric strong { display: block; font-size: .75rem; }
 #mixer-lab .reader-scene-unit .function-canvas { height: 240px; }
 #mixer-lab .reader-scene-options .function-primary-controls { grid-template-columns: 1fr; }
 #medianLearnedLab .reader-median-workbench { display: flex; flex-direction: column; gap: 10px; }
 #medianLearnedLab .reader-median-workbench > * { width: 100%; }
 #medianLearnedLab .median-local-votes { gap: 5px; }
}
@media print {
 .reader-scene-options { display: block; }
 .reader-scene-unit, .reader-median-workbench { position: static !important; }
}

.reader-scene-story h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.35; }