/* MathLive's on-screen keyboard (#1251, lib/math_field_config.js).
 *
 * Deliberately outside any @layer: MathLive injects its own keyboard styles unlayered, and
 * unlayered rules beat every layered one, so a layered override would never apply.
 *
 * MathLive lays its tab bar out on one line with no scrolling. The combined Year 11 and 12
 * keyboard has 14 tabs (about 1,250px with MathLive's undo, redo and paste buttons), so in a
 * small laptop window the last tabs sat off-screen with no way to reach them. Wrapping the
 * tabs keeps every one visible, with those buttons staying beside them. */
.ML__keyboard .MLK__toolbar {
  align-items: flex-start;
  block-size: auto;

  > .left {
    flex: 1 1 0;
    flex-wrap: wrap;
    min-inline-size: 0;
    row-gap: 2px;
  }
}