/* Quiet public albums: existing artwork and Bay/Port names only. */
.phone-master-grid-back[hidden],
.mstr-scene-grid-back[hidden] { display:none !important; }

body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-caption,
.mstr-scene-grid-caption,
.phone-master-grid-title,
.mstr-scene-grid-gallery-title {
  color:#79bc24 !important;
  text-shadow:none !important;
}
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-caption-name,
.mstr-scene-grid-caption-name {
  color:inherit !important;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:400;
}
.phone-master-grid-thumb,
.mstr-scene-grid-thumb { color:#79bc24; }

body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-heading > .phone-master-grid-back {
  width:58px;
  height:28px;
  font:400 10px/1 'DM Mono',monospace;
  letter-spacing:.04em;
}
.mstr-scene-grid-back {
  width:132px !important;
  font:400 12px/1 'DM Mono',monospace !important;
  letter-spacing:.04em;
}

/* Five covers fit into two rows even in the smallest upright picture opening. */
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-gallery.is-bay-overview .phone-master-grid-list {
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
  align-content:stretch;
  gap:6px;
  padding:6px 8px 8px;
  overflow:hidden;
}
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-gallery.is-bay-overview .phone-master-grid-card {
  display:flex;
  height:100%;
  min-height:0;
  align-self:stretch;
}
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-gallery.is-bay-overview .phone-master-grid-card-action {
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:0;
}
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-gallery.is-bay-overview .phone-master-grid-thumb {
  flex:1 1 0;
  width:100%;
  min-height:0;
  aspect-ratio:auto;
}
body.master-stories:is(.clean-portrait,.clean-landscape) .phone-master-grid-gallery.is-bay-overview .phone-master-grid-caption {
  flex:0 0 auto;
  min-height:20px;
  padding:3px 2px 4px;
  text-align:center;
  font-size:10px;
  line-height:1.05;
}
.mstr-scene-grid-gallery.is-bay-overview .mstr-scene-grid-slide-list {
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.mstr-scene-grid-gallery.is-bay-overview .mstr-scene-grid-caption {
  text-align:center;
}

/* One passive ROOTS collage stays wholly visible inside the picture opening. */
.phone-master-grid-gallery.is-roots-colophon > .phone-master-grid-list,
.mstr-scene-grid-gallery.is-roots-colophon > .mstr-scene-grid-slide-list {
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:4px 2% 2%;
  overflow:hidden;
}
.phone-master-grid-roots-logo,
.mstr-scene-grid-roots-logo {
  display:block;
  width:100%;
  max-width:none;
  max-height:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  user-select:none;
}