/* below the cabinet: controls card, notes (the touch pad is in handheld.css) */
.controls{background:var(--panel);border:3px solid #000;box-shadow:4px 4px 0 #000;padding:12px 14px;display:grid;gap:10px;min-width:0}
.controls table{border-collapse:collapse;width:100%;font-size:14px;line-height:normal}
.controls th,.controls td{padding:5px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.controls thead th{font-family:var(--display);font-weight:400;font-size:9px;text-transform:uppercase}
.controls .c1{color:var(--p1)}.controls .c2{color:var(--p2)}
.controls tbody th{font-weight:600;color:var(--muted)}
.controls kbd{margin-right:3px}
.controls .hints,.controls .touchhelp{margin:0;font-size:13px;color:var(--muted);line-height:1.8}
.controls .touchhelp b{color:var(--accent)}
kbd{font-family:var(--body);font-weight:700;font-size:13px;background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;padding:0 6px;white-space:nowrap}
.note{color:var(--muted);font-size:13px;margin:0}