/* Step Q: make the 12 markers spatial and clearly separate them from counts. */
.sim-shell[data-lesson="8"] .visual-bright-spots {
  display:grid;grid-template-columns:repeat(3,7px);grid-auto-rows:7px;gap:2px 3px;
  width:max-content;align-items:center;justify-content:center;
}
.sim-shell[data-lesson="8"] .visual-bright-spots i{width:7px;height:7px;border-radius:2px}
.sim-shell[data-lesson="8"] .reading strong {letter-spacing:-.025em}
@media(max-width:1150px){
  .sim-shell[data-lesson="8"] .visual-bright-spots{grid-template-columns:repeat(3,6px);grid-auto-rows:6px;gap:2px}
  .sim-shell[data-lesson="8"] .visual-bright-spots i{width:6px;height:6px}
  .sim-shell[data-lesson="8"] .analysis-bar .reading strong{font-size:14px!important}
}
@media(max-width:700px){.sim-shell[data-lesson="8"] .visual-bright-spots{display:none}}