/* v12.1: force the homepage On Camera gallery into four equal columns on desktop.
   Scoped to the actual homepage section, overriding older three-column rail rules. */
@media (min-width: 901px) {
  body .bb-new-home #bb101-on-camera .bb-shorts,
  body .bb-new-home #bb101-on-camera .bb-shorts.bb-shorts-below-news {
    width: min(calc(100% - 48px), 1240px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body .bb-new-home #bb101-on-camera .bb-shorts-grid,
  body .bb-new-home #bb101-on-camera .bb-shorts.bb-shorts-below-news .bb-shorts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: start !important;
  }
  body .bb-new-home #bb101-on-camera .bb-short-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
@media (min-width: 621px) and (max-width: 900px) {
  body .bb-new-home #bb101-on-camera .bb-shorts-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}