/**
 * v1.0.11.47 — Podcasts + News image-led cards with focal-safe cropping
 * Scope: Podcasts and News archive cards only.
 * - Enlarges the image panel and reduces the navy information panel.
 * - Uses cover cropping with a per-image focal point instead of contain.
 * - The companion JS chooses a conservative focal point from image orientation
 *   and preserves explicit data-focus-x / data-focus-y values when present.
 * Header, navigation, footer, homepage, other archives, typography and colours
 * are intentionally outside this stylesheet.
 */

/* The JS writes these variables on each image. Defaults remain centred. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img {
  --ismui-card-focus-x: 50%;
  --ismui-card-focus-y: 50%;
  object-fit: cover !important;
  object-position: var(--ismui-card-focus-x) var(--ismui-card-focus-y) !important;
  transform: none !important;
}

/* Keep hover from zooming into and cutting away the chosen focal area. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li:hover .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-image img {
  transform: none !important;
}

/* Desktop: image 60%, information panel 40% (previously roughly 40/60). */
@media only screen and (min-width: 900px) {
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
    display: flex !important;
    flex-direction: row !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image {
    flex: 0 0 60% !important;
    width: 60% !important;
    min-width: 0 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex: 0 0 40% !important;
    width: 40% !important;
    min-width: 0 !important;
    padding-left: 21px !important;
    padding-right: 21px !important;
  }
}

/* Tablet: still image-led, with a little more room for text. */
@media only screen and (min-width: 621px) and (max-width: 899px) {
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
    display: flex !important;
    flex-direction: row !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image {
    flex: 0 0 56% !important;
    width: 56% !important;
    min-width: 0 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex: 0 0 44% !important;
    width: 44% !important;
    min-width: 0 !important;
  }
}

/* Mobile: preserve the existing stacked structure, but give more height to
   the image and less to the navy information panel. Total card height remains
   510px, so surrounding spacing and page rhythm do not change. */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
    flex-basis: 290px !important;
    height: 290px !important;
    min-height: 290px !important;
    max-height: 290px !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex-basis: 220px !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    padding-top: 20px !important;
    padding-bottom: 50px !important;
  }

  /* Keep the smaller panel readable without changing typography. */
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info p,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p {
    -webkit-line-clamp: 3 !important;
  }
}


/* ============================================================
   v1.0.11.53 — MOBILE PODCASTS / NEWS CARD REPAIR
   Mobile only. Restore one clean 510px stacked card: 230px image + 280px
   information panel. Force every image wrapper and the actual image to fill
   the complete card width, remove legacy title backgrounds, and ensure the
   card surface fills the entire fixed card height. Desktop/tablet untouched.
   ============================================================ */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    display: block !important;
    width: 100% !important;
    height: 510px !important;
    min-height: 510px !important;
    max-height: 510px !important;
    overflow: hidden !important;
    background: #5B6C84 !important;
    background-image: none !important;
    background-color: #5B6C84 !important;
    box-sizing: border-box !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 230px 280px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 510px !important;
    min-height: 510px !important;
    max-height: 510px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #5B6C84 !important;
    background-image: none !important;
    background-color: #5B6C84 !important;
    box-sizing: border-box !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image > a,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image > a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #5B6C84 !important;
    box-sizing: border-box !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture 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;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: var(--ismui-card-focus-x, 50%) var(--ismui-card-focus-y, 50%) !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 0 !important;
    padding: 23px 22px 54px !important;
    overflow: hidden !important;
    background: #5B6C84 !important;
    background-image: none !important;
    background-color: #5B6C84 !important;
    box-sizing: border-box !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2 a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 a {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    color: #F6F1ED !important;
    -webkit-text-fill-color: #F6F1ED !important;
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
}