/* RBR_UNDERWATER_UI_V241_20261025: geometry / text only.
   Additive override of the V2.4 mosaic; no CMS, JS, media, or photo handling changes.
   Each band = two columns and two rows.
   Large tile is exactly 1:1; each small tile is exactly 2:1, including the gutters.
   At band width W and gap G: large width/height = W/2; small width = W/2-G;
   small height = (W/2-G)/2. Hence exact ratios without stretching photos.
*/
body.rbr-underwater-editorial-v22 main .rbr-v24-mosaic {
  --rbr-v241-gap: clamp(6px, .65vw, 10px);
  row-gap: var(--rbr-v241-gap) !important;
}
body.rbr-underwater-editorial-v22 main .rbr-v24-band {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 1 !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  column-gap: var(--rbr-v241-gap) !important;
  row-gap: var(--rbr-v241-gap) !important;
}
body.rbr-underwater-editorial-v22 main .rbr-v24-band-top {
  grid-template-columns: minmax(0, 50%) minmax(0, calc(50% - var(--rbr-v241-gap))) !important;
}
body.rbr-underwater-editorial-v22 main .rbr-v24-band-bottom {
  grid-template-columns: minmax(0, calc(50% - var(--rbr-v241-gap))) minmax(0, 50%) !important;
}
body.rbr-underwater-editorial-v22 main .rbr-v24-band .rbr-v24-photo {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
/* Only show functional controls. Autoplay stays 3s; the unnecessary labels disappear. */
body.rbr-underwater-editorial-v22 main .rbr-v24-photo-note,
body.rbr-underwater-editorial-v22 main .rbr-v24-photo-cycle {
  display: none !important;
}
body.rbr-underwater-editorial-v22 main .rbr-v24-carousel-actions {
  justify-content: flex-end;
}
@media (max-width: 650px) {
  /* Keep exact tile ratios even on phones; make the small-tile caption unobtrusive. */
  body.rbr-underwater-editorial-v22 main .rbr-v24-mosaic {
    --rbr-v241-gap: 6px;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v24-photo:not(:first-child) .rbr-v24-caption small {
    font-size: 9px;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v24-band-top .rbr-v24-photo:nth-child(n+2) .rbr-v24-caption,
  body.rbr-underwater-editorial-v22 main .rbr-v24-band-bottom .rbr-v24-photo:nth-child(-n+2) .rbr-v24-caption {
    font-size: 9px;
    line-height: 1.2;
    padding: 5px 6px;
  }
  body.rbr-underwater-editorial-v22 main .rbr-v24-band-top .rbr-v24-photo:nth-child(n+2) .rbr-v24-caption small,
  body.rbr-underwater-editorial-v22 main .rbr-v24-band-bottom .rbr-v24-photo:nth-child(-n+2) .rbr-v24-caption small {
    display: none;
  }
}