/* Desktop home covers only. Mobile spacing and the full-screen viewer are unchanged. */
html.is-web .is-home-page .storiesWidgetWrapper.portraitView {
  --vb-desktop-story-width: clamp(156px, 11vw, 176px);
  --vb-desktop-story-height: calc(var(--vb-desktop-story-width) * 50 / 37);
  margin-block: 12px 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

html.is-web .is-home-page .storiesWidgetWrapper.portraitView > .horizontalSliderWrapper.storiesWidgetList,
html.is-web .is-home-page .storiesWidgetWrapper.portraitView > .horizontalSliderWrapper.storiesWidgetList > .horizontalSliderRow {
  height: auto !important;
  min-height: 0 !important;
}

/* Resize the layout box itself so adjacent covers cannot overlap. */
html.is-web .is-home-page .storiesWidgetWrapper.portraitView .storiesWidgetListItem {
  width: var(--vb-desktop-story-width) !important;
  min-width: var(--vb-desktop-story-width) !important;
  max-width: var(--vb-desktop-story-width) !important;
  flex: 0 0 var(--vb-desktop-story-width) !important;
  height: var(--vb-desktop-story-height) !important;
  min-height: var(--vb-desktop-story-height) !important;
  max-height: var(--vb-desktop-story-height) !important;
}

html.is-web .is-home-page .storiesWidgetWrapper.portraitView .storiesWidgetListItem > img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}