/* World and U.K. News share one layout owner instead of NBC's mixed standard/compact card rules. */
:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) {
  min-width: 0;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) > .story-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) > .story-item > .multi-item-container {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) > .story-item .media {
  position: relative !important;
  order: 0 !important;
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) .media-top-spacer {
  display: none !important;
  height: 0 !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) [data-testid^="storyline-media-"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) [data-testid^="storyline-media-"] > [class*="styles_media__"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) picture.multiStoryPicture,
:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) picture.multiStoryPicture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) .headline-item-container {
  position: relative !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) :is(.headline-standard, .headline-large, .headline-small) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) :is(.standard-layout__badge, .headline-top-spacer, .headline-under-media-spacer) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) h2.multistoryline__headline {
  display: -webkit-box !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) > .coi-horizontal-item-divider {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: var(--msp-spacing, 20px) 0 !important;
  background-color: var(--grey-50, #a3a3a3) !important;
}

section[data-packageid="25501397"] :is(.subscriber-badge, [data-testid="subscriber-badge"], .standard-layout__badge) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Lead descriptions may use the full height available beside the stacked cards. */
:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 .dek-author-timestamp {
  display: flex !important;
  flex-direction: column !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

:is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 :is(.multi-story__dek, .standard-layout__dek) {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

@media only screen and (min-width: 1200px) {
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 > .story-item,
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 > .story-item > .multi-item-container {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 .dek-author-timestamp {
    flex: 1 1 auto !important;
  }
}

@media only screen and (min-width: 758px) {
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) h2.multistoryline__headline {
    min-height: 2lh;
  }
}

/* Tablet: lead story first, followed by the two equal stacked-card columns. */
@media only screen and (min-width: 758px) and (max-width: 1199px) {
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .columns-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: var(--msp-spacing, 20px) !important;
    width: 100% !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-1 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 var(--msp-spacing, 20px) !important;
    padding: 0 0 var(--msp-spacing, 20px) !important;
    border-bottom: 1px solid var(--grey-50, #a3a3a3) !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .items-column-3 {
    grid-column: 3 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .columnSeparator-1,
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .mobileColumnSeparator {
    display: none !important;
  }

  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) .columnSeparator-2 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 1px !important;
    height: auto !important;
    margin: 0 !important;
    background-color: var(--grey-50, #a3a3a3) !important;
  }
}

@media only screen and (max-width: 757px) {
  :is(section[data-packageid="25501397"], section[data-packageid="25501399"]) :is(.items-column-2, .items-column-3) h2.multistoryline__headline {
    min-height: 0;
  }
}
