/* Self-test — the control panel's own layout: groups of presses, the rack drawing centred under them, the key and the
   now-line beside the panel's foot actions. */
@layer page {
  .stp-ctl { display: flex; flex-wrap: wrap; gap: var(--s4) var(--s8); padding: var(--s4) 0; border-block: 1px solid var(--line); }
  .stp-grp { display: grid; gap: var(--s2); align-content: start; }
  .stp-towers { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: var(--s4) var(--s8); }
  .stp-rig { display: grid; justify-items: center; min-width: 0; padding: var(--s4) 0 var(--s2); }
  .stp-under { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: var(--s3) var(--s6); }
  @media (max-width: 600px) { .stp-ctl { gap: var(--s4); } }
}