@layer layout {
  /**
   * Standard 12-column grid — CSS Grid implementation.
   *
   * Same authoring vocabulary as the Foundation-derived grid it replaces
   * (.row / .column / .small-6 / .medium-offset-3 / .show-for-medium-up …),
   * so existing markup does not change. What changed is underneath:
   *
   *  - Gutters are a real `gap`, not a negative margin on .row paired with
   *    padding on every .column. Safari has supported gap in grid since 10.1
   *    (Mar 2017). That removes the whole negative-margin/padding dance, and
   *    with it the nested-row compensation .is-collapse-child existed for —
   *    that class is now a no-op and can be dropped from markup.
   *  - Tracks are minmax(0, 1fr), so a long unbroken string in one column
   *    can no longer blow the row out sideways.
   *  - .{bp}-up-N builds N real tracks, so 5-up and 7-up work properly
   *    instead of being approximated in twelfths.
   *
   * Breakpoints match docs/css-conventions.md §7 exactly:
   *   small ≤640 · smallMedium 641–900 · medium 901–1279
   *   largeMedium 1280–1919 · large ≥1920
   * Mobile-first: .small-* applies everywhere, each larger tier overrides.
   *
   * Spacing tokens are NOT defined here — they live in tokens.css, in the
   * tokens layer where the rest of the design tokens are.
   *
   * One behavioural difference from the Foundation version: .{bp}-expand
   * fills to the end of the row (grid-column-end: -1) rather than sharing
   * leftover space equally between several expanding columns. Two expands
   * in one row need .{bp}-unstack instead.
   */

  .row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--gutter-s2);
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
  }
  .row .row {
    max-width: none;
    margin-inline: 0;
  }
  .row.expanded {
    max-width: none;
  }
  .row.collapse {
    column-gap: 0;
  }

  .column,
  .columns {
    grid-column-end: span 12;
    min-width: 0;
  }

  /* Reverse the visual order of a row's columns. The children are flipped
     back so their own text direction is unaffected. */
  .row.row-reverse {
    direction: rtl;
  }
  .row.row-reverse > * {
    direction: ltr;
  }

  /* small | 0+ (base tier, no media query) */
  /* Column spans */
  .small-1 { grid-column-end: span 1; }
  .small-2 { grid-column-end: span 2; }
  .small-3 { grid-column-end: span 3; }
  .small-4 { grid-column-end: span 4; }
  .small-5 { grid-column-end: span 5; }
  .small-6 { grid-column-end: span 6; }
  .small-7 { grid-column-end: span 7; }
  .small-8 { grid-column-end: span 8; }
  .small-9 { grid-column-end: span 9; }
  .small-10 { grid-column-end: span 10; }
  .small-11 { grid-column-end: span 11; }
  .small-12 { grid-column-end: span 12; }
  /* Offsets — push a column N tracks along the row */
  .small-offset-0 { grid-column-start: 1; }
  .small-offset-1 { grid-column-start: 2; }
  .small-offset-2 { grid-column-start: 3; }
  .small-offset-3 { grid-column-start: 4; }
  .small-offset-4 { grid-column-start: 5; }
  .small-offset-5 { grid-column-start: 6; }
  .small-offset-6 { grid-column-start: 7; }
  .small-offset-7 { grid-column-start: 8; }
  .small-offset-8 { grid-column-start: 9; }
  .small-offset-9 { grid-column-start: 10; }
  .small-offset-10 { grid-column-start: 11; }
  .small-offset-11 { grid-column-start: 12; }
  /* Source order */
  .small-order-1 { order: 1; }
  .small-order-2 { order: 2; }
  .small-order-3 { order: 3; }
  .small-order-4 { order: 4; }
  .small-order-5 { order: 5; }
  .small-order-6 { order: 6; }
  /* Block grid — N equal children per row, any N (not just factors of 12) */
  .small-up-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .small-up-1 > .column,
  .small-up-1 > .columns { grid-column-end: span 1; }
  .small-up-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .small-up-2 > .column,
  .small-up-2 > .columns { grid-column-end: span 1; }
  .small-up-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .small-up-3 > .column,
  .small-up-3 > .columns { grid-column-end: span 1; }
  .small-up-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .small-up-4 > .column,
  .small-up-4 > .columns { grid-column-end: span 1; }
  .small-up-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .small-up-5 > .column,
  .small-up-5 > .columns { grid-column-end: span 1; }
  .small-up-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .small-up-6 > .column,
  .small-up-6 > .columns { grid-column-end: span 1; }
  .small-up-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .small-up-7 > .column,
  .small-up-7 > .columns { grid-column-end: span 1; }
  .small-up-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .small-up-8 > .column,
  .small-up-8 > .columns { grid-column-end: span 1; }
  /* Gutters */
  .row.small-collapse { column-gap: 0; }
  .row.small-uncollapse { column-gap: var(--gutter-s2); }

  /* smallMedium | 641px+ */
  @media only screen and (min-width: 641px) {
    /* Column spans */
    .smallMedium-1 { grid-column-end: span 1; }
    .smallMedium-2 { grid-column-end: span 2; }
    .smallMedium-3 { grid-column-end: span 3; }
    .smallMedium-4 { grid-column-end: span 4; }
    .smallMedium-5 { grid-column-end: span 5; }
    .smallMedium-6 { grid-column-end: span 6; }
    .smallMedium-7 { grid-column-end: span 7; }
    .smallMedium-8 { grid-column-end: span 8; }
    .smallMedium-9 { grid-column-end: span 9; }
    .smallMedium-10 { grid-column-end: span 10; }
    .smallMedium-11 { grid-column-end: span 11; }
    .smallMedium-12 { grid-column-end: span 12; }
    /* Offsets — push a column N tracks along the row */
    .smallMedium-offset-0 { grid-column-start: 1; }
    .smallMedium-offset-1 { grid-column-start: 2; }
    .smallMedium-offset-2 { grid-column-start: 3; }
    .smallMedium-offset-3 { grid-column-start: 4; }
    .smallMedium-offset-4 { grid-column-start: 5; }
    .smallMedium-offset-5 { grid-column-start: 6; }
    .smallMedium-offset-6 { grid-column-start: 7; }
    .smallMedium-offset-7 { grid-column-start: 8; }
    .smallMedium-offset-8 { grid-column-start: 9; }
    .smallMedium-offset-9 { grid-column-start: 10; }
    .smallMedium-offset-10 { grid-column-start: 11; }
    .smallMedium-offset-11 { grid-column-start: 12; }
    /* Source order */
    .smallMedium-order-1 { order: 1; }
    .smallMedium-order-2 { order: 2; }
    .smallMedium-order-3 { order: 3; }
    .smallMedium-order-4 { order: 4; }
    .smallMedium-order-5 { order: 5; }
    .smallMedium-order-6 { order: 6; }
    /* Block grid — N equal children per row, any N (not just factors of 12) */
    .smallMedium-up-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .smallMedium-up-1 > .column,
    .smallMedium-up-1 > .columns { grid-column-end: span 1; }
    .smallMedium-up-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .smallMedium-up-2 > .column,
    .smallMedium-up-2 > .columns { grid-column-end: span 1; }
    .smallMedium-up-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .smallMedium-up-3 > .column,
    .smallMedium-up-3 > .columns { grid-column-end: span 1; }
    .smallMedium-up-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .smallMedium-up-4 > .column,
    .smallMedium-up-4 > .columns { grid-column-end: span 1; }
    .smallMedium-up-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .smallMedium-up-5 > .column,
    .smallMedium-up-5 > .columns { grid-column-end: span 1; }
    .smallMedium-up-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .smallMedium-up-6 > .column,
    .smallMedium-up-6 > .columns { grid-column-end: span 1; }
    .smallMedium-up-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .smallMedium-up-7 > .column,
    .smallMedium-up-7 > .columns { grid-column-end: span 1; }
    .smallMedium-up-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .smallMedium-up-8 > .column,
    .smallMedium-up-8 > .columns { grid-column-end: span 1; }
    /* Gutters */
    .row.smallMedium-collapse { column-gap: 0; }
    .row.smallMedium-uncollapse { column-gap: var(--gutter-s2); }
    /* Fill the rest of the row */
    .smallMedium-expand { grid-column-end: -1; }
    /* Unstack — equal-width columns, however many children there are */
    .smallMedium-unstack {
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
    }
    .smallMedium-unstack > .column,
    .smallMedium-unstack > .columns { grid-column-end: auto; }
    .row.row-reverse-smallMedium { direction: rtl; }
    .row.row-reverse-smallMedium > * { direction: ltr; }
  }

  /* medium | 901px+ */
  @media only screen and (min-width: 901px) {
    /* Column spans */
    .medium-1 { grid-column-end: span 1; }
    .medium-2 { grid-column-end: span 2; }
    .medium-3 { grid-column-end: span 3; }
    .medium-4 { grid-column-end: span 4; }
    .medium-5 { grid-column-end: span 5; }
    .medium-6 { grid-column-end: span 6; }
    .medium-7 { grid-column-end: span 7; }
    .medium-8 { grid-column-end: span 8; }
    .medium-9 { grid-column-end: span 9; }
    .medium-10 { grid-column-end: span 10; }
    .medium-11 { grid-column-end: span 11; }
    .medium-12 { grid-column-end: span 12; }
    /* Offsets — push a column N tracks along the row */
    .medium-offset-0 { grid-column-start: 1; }
    .medium-offset-1 { grid-column-start: 2; }
    .medium-offset-2 { grid-column-start: 3; }
    .medium-offset-3 { grid-column-start: 4; }
    .medium-offset-4 { grid-column-start: 5; }
    .medium-offset-5 { grid-column-start: 6; }
    .medium-offset-6 { grid-column-start: 7; }
    .medium-offset-7 { grid-column-start: 8; }
    .medium-offset-8 { grid-column-start: 9; }
    .medium-offset-9 { grid-column-start: 10; }
    .medium-offset-10 { grid-column-start: 11; }
    .medium-offset-11 { grid-column-start: 12; }
    /* Source order */
    .medium-order-1 { order: 1; }
    .medium-order-2 { order: 2; }
    .medium-order-3 { order: 3; }
    .medium-order-4 { order: 4; }
    .medium-order-5 { order: 5; }
    .medium-order-6 { order: 6; }
    /* Block grid — N equal children per row, any N (not just factors of 12) */
    .medium-up-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .medium-up-1 > .column,
    .medium-up-1 > .columns { grid-column-end: span 1; }
    .medium-up-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .medium-up-2 > .column,
    .medium-up-2 > .columns { grid-column-end: span 1; }
    .medium-up-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .medium-up-3 > .column,
    .medium-up-3 > .columns { grid-column-end: span 1; }
    .medium-up-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .medium-up-4 > .column,
    .medium-up-4 > .columns { grid-column-end: span 1; }
    .medium-up-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .medium-up-5 > .column,
    .medium-up-5 > .columns { grid-column-end: span 1; }
    .medium-up-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .medium-up-6 > .column,
    .medium-up-6 > .columns { grid-column-end: span 1; }
    .medium-up-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .medium-up-7 > .column,
    .medium-up-7 > .columns { grid-column-end: span 1; }
    .medium-up-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .medium-up-8 > .column,
    .medium-up-8 > .columns { grid-column-end: span 1; }
    /* Gutters */
    .row.medium-collapse { column-gap: 0; }
    .row.medium-uncollapse { column-gap: var(--gutter-s2); }
    /* Fill the rest of the row */
    .medium-expand { grid-column-end: -1; }
    /* Unstack — equal-width columns, however many children there are */
    .medium-unstack {
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
    }
    .medium-unstack > .column,
    .medium-unstack > .columns { grid-column-end: auto; }
    .row.row-reverse-medium { direction: rtl; }
    .row.row-reverse-medium > * { direction: ltr; }
  }

  /* largeMedium | 1280px+ */
  @media only screen and (min-width: 1280px) {
    /* Column spans */
    .largeMedium-1 { grid-column-end: span 1; }
    .largeMedium-2 { grid-column-end: span 2; }
    .largeMedium-3 { grid-column-end: span 3; }
    .largeMedium-4 { grid-column-end: span 4; }
    .largeMedium-5 { grid-column-end: span 5; }
    .largeMedium-6 { grid-column-end: span 6; }
    .largeMedium-7 { grid-column-end: span 7; }
    .largeMedium-8 { grid-column-end: span 8; }
    .largeMedium-9 { grid-column-end: span 9; }
    .largeMedium-10 { grid-column-end: span 10; }
    .largeMedium-11 { grid-column-end: span 11; }
    .largeMedium-12 { grid-column-end: span 12; }
    /* Offsets — push a column N tracks along the row */
    .largeMedium-offset-0 { grid-column-start: 1; }
    .largeMedium-offset-1 { grid-column-start: 2; }
    .largeMedium-offset-2 { grid-column-start: 3; }
    .largeMedium-offset-3 { grid-column-start: 4; }
    .largeMedium-offset-4 { grid-column-start: 5; }
    .largeMedium-offset-5 { grid-column-start: 6; }
    .largeMedium-offset-6 { grid-column-start: 7; }
    .largeMedium-offset-7 { grid-column-start: 8; }
    .largeMedium-offset-8 { grid-column-start: 9; }
    .largeMedium-offset-9 { grid-column-start: 10; }
    .largeMedium-offset-10 { grid-column-start: 11; }
    .largeMedium-offset-11 { grid-column-start: 12; }
    /* Source order */
    .largeMedium-order-1 { order: 1; }
    .largeMedium-order-2 { order: 2; }
    .largeMedium-order-3 { order: 3; }
    .largeMedium-order-4 { order: 4; }
    .largeMedium-order-5 { order: 5; }
    .largeMedium-order-6 { order: 6; }
    /* Block grid — N equal children per row, any N (not just factors of 12) */
    .largeMedium-up-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .largeMedium-up-1 > .column,
    .largeMedium-up-1 > .columns { grid-column-end: span 1; }
    .largeMedium-up-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .largeMedium-up-2 > .column,
    .largeMedium-up-2 > .columns { grid-column-end: span 1; }
    .largeMedium-up-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .largeMedium-up-3 > .column,
    .largeMedium-up-3 > .columns { grid-column-end: span 1; }
    .largeMedium-up-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .largeMedium-up-4 > .column,
    .largeMedium-up-4 > .columns { grid-column-end: span 1; }
    .largeMedium-up-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .largeMedium-up-5 > .column,
    .largeMedium-up-5 > .columns { grid-column-end: span 1; }
    .largeMedium-up-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .largeMedium-up-6 > .column,
    .largeMedium-up-6 > .columns { grid-column-end: span 1; }
    .largeMedium-up-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .largeMedium-up-7 > .column,
    .largeMedium-up-7 > .columns { grid-column-end: span 1; }
    .largeMedium-up-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .largeMedium-up-8 > .column,
    .largeMedium-up-8 > .columns { grid-column-end: span 1; }
    /* Gutters */
    .row.largeMedium-collapse { column-gap: 0; }
    .row.largeMedium-uncollapse { column-gap: var(--gutter-s2); }
    /* Fill the rest of the row */
    .largeMedium-expand { grid-column-end: -1; }
    /* Unstack — equal-width columns, however many children there are */
    .largeMedium-unstack {
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
    }
    .largeMedium-unstack > .column,
    .largeMedium-unstack > .columns { grid-column-end: auto; }
    .row.row-reverse-largeMedium { direction: rtl; }
    .row.row-reverse-largeMedium > * { direction: ltr; }
  }

  /* large | 1920px+ */
  @media only screen and (min-width: 1920px) {
    /* Column spans */
    .large-1 { grid-column-end: span 1; }
    .large-2 { grid-column-end: span 2; }
    .large-3 { grid-column-end: span 3; }
    .large-4 { grid-column-end: span 4; }
    .large-5 { grid-column-end: span 5; }
    .large-6 { grid-column-end: span 6; }
    .large-7 { grid-column-end: span 7; }
    .large-8 { grid-column-end: span 8; }
    .large-9 { grid-column-end: span 9; }
    .large-10 { grid-column-end: span 10; }
    .large-11 { grid-column-end: span 11; }
    .large-12 { grid-column-end: span 12; }
    /* Offsets — push a column N tracks along the row */
    .large-offset-0 { grid-column-start: 1; }
    .large-offset-1 { grid-column-start: 2; }
    .large-offset-2 { grid-column-start: 3; }
    .large-offset-3 { grid-column-start: 4; }
    .large-offset-4 { grid-column-start: 5; }
    .large-offset-5 { grid-column-start: 6; }
    .large-offset-6 { grid-column-start: 7; }
    .large-offset-7 { grid-column-start: 8; }
    .large-offset-8 { grid-column-start: 9; }
    .large-offset-9 { grid-column-start: 10; }
    .large-offset-10 { grid-column-start: 11; }
    .large-offset-11 { grid-column-start: 12; }
    /* Source order */
    .large-order-1 { order: 1; }
    .large-order-2 { order: 2; }
    .large-order-3 { order: 3; }
    .large-order-4 { order: 4; }
    .large-order-5 { order: 5; }
    .large-order-6 { order: 6; }
    /* Block grid — N equal children per row, any N (not just factors of 12) */
    .large-up-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .large-up-1 > .column,
    .large-up-1 > .columns { grid-column-end: span 1; }
    .large-up-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .large-up-2 > .column,
    .large-up-2 > .columns { grid-column-end: span 1; }
    .large-up-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .large-up-3 > .column,
    .large-up-3 > .columns { grid-column-end: span 1; }
    .large-up-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .large-up-4 > .column,
    .large-up-4 > .columns { grid-column-end: span 1; }
    .large-up-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .large-up-5 > .column,
    .large-up-5 > .columns { grid-column-end: span 1; }
    .large-up-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .large-up-6 > .column,
    .large-up-6 > .columns { grid-column-end: span 1; }
    .large-up-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .large-up-7 > .column,
    .large-up-7 > .columns { grid-column-end: span 1; }
    .large-up-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .large-up-8 > .column,
    .large-up-8 > .columns { grid-column-end: span 1; }
    /* Gutters */
    .row.large-collapse { column-gap: 0; }
    .row.large-uncollapse { column-gap: var(--gutter-s2); }
    /* Fill the rest of the row */
    .large-expand { grid-column-end: -1; }
    /* Unstack — equal-width columns, however many children there are */
    .large-unstack {
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
    }
    .large-unstack > .column,
    .large-unstack > .columns { grid-column-end: auto; }
    .row.row-reverse-large { direction: rtl; }
    .row.row-reverse-large > * { direction: ltr; }
  }

  /* Row reverse, single tier only */
  @media only screen and (max-width: 640px) {
    .row.row-reverse-small-only { direction: rtl; }
    .row.row-reverse-small-only > * { direction: ltr; }
  }
  @media only screen and (min-width: 641px) and (max-width: 900px) {
    .row.row-reverse-smallMedium-only { direction: rtl; }
    .row.row-reverse-smallMedium-only > * { direction: ltr; }
  }
  @media only screen and (min-width: 901px) and (max-width: 1279px) {
    .row.row-reverse-medium-only { direction: rtl; }
    .row.row-reverse-medium-only > * { direction: ltr; }
  }
  @media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .row.row-reverse-largeMedium-only { direction: rtl; }
    .row.row-reverse-largeMedium-only > * { direction: ltr; }
  }
  @media only screen and (min-width: 1920px) {
    .row.row-reverse-large-only { direction: rtl; }
    .row.row-reverse-large-only > * { direction: ltr; }
  }

  /**
   * Visibility utilities.
   * Each block lists what is hidden AT that tier. Semantics are unchanged
   * from the previous grid — these sets were checked against it rule for rule.
   */

  /* small | ≤640 */
  @media print, screen and (max-width: 640px) {
    .hide-for-small,
    .hide-for-smallMedium-down,
    .hide-for-medium-down,
    .show-for-smallMedium,
    .show-for-medium,
    .show-for-largeMedium,
    .show-for-large,
    .show-for-smallMedium-up,
    .show-for-medium-up,
    .show-for-largeMedium-up {
      display: none !important;
    }
  }
  /* smallMedium | 641–900 */
  @media print, screen and (min-width: 641px) and (max-width: 900px) {
    .hide-for-smallMedium,
    .hide-for-smallMedium-up,
    .hide-for-smallMedium-down,
    .hide-for-medium-down,
    .show-for-small,
    .show-for-medium,
    .show-for-largeMedium,
    .show-for-large,
    .show-for-medium-up,
    .show-for-largeMedium-up {
      display: none !important;
    }
  }
  /* medium | 901–1279 */
  @media print, screen and (min-width: 901px) and (max-width: 1279px) {
    .hide-for-medium,
    .hide-for-medium-up,
    .hide-for-medium-down,
    .hide-for-smallMedium-up,
    .show-for-small,
    .show-for-smallMedium,
    .show-for-largeMedium,
    .show-for-large,
    .show-for-smallMedium-down,
    .show-for-largeMedium-up {
      display: none !important;
    }
  }
  /* largeMedium | 1280–1919 */
  @media print, screen and (min-width: 1280px) and (max-width: 1919px) {
    .hide-for-largeMedium,
    .hide-for-smallMedium-up,
    .hide-for-medium-up,
    .hide-for-largeMedium-up,
    .show-for-small,
    .show-for-smallMedium,
    .show-for-medium,
    .show-for-large,
    .show-for-smallMedium-down,
    .show-for-medium-down {
      display: none !important;
    }
  }
  /* large | ≥1920 */
  @media print, screen and (min-width: 1920px) {
    .hide-for-large,
    .hide-for-smallMedium-up,
    .hide-for-medium-up,
    .hide-for-largeMedium-up,
    .show-for-small,
    .show-for-smallMedium,
    .show-for-medium,
    .show-for-largeMedium,
    .show-for-smallMedium-down,
    .show-for-medium-down {
      display: none !important;
    }
  }
}