/**
 * v1.0.11.59 — Podcast mobile A/B/C crop positions.
 * Loaded only on the Podcasts archive and after the shared focal layout.
 */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li.isclean-podcast-crop-a .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.isclean-podcast-crop-a .news-image img {
    --ismui-card-focus-x: 50% !important;
    --ismui-card-focus-y: 6% !important;
    object-position: 50% 6% !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li.isclean-podcast-crop-b .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.isclean-podcast-crop-b .news-image img {
    --ismui-card-focus-x: 50% !important;
    --ismui-card-focus-y: 50% !important;
    object-position: 50% 50% !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li.isclean-podcast-crop-c .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.isclean-podcast-crop-c .news-image img {
    --ismui-card-focus-x: 50% !important;
    --ismui-card-focus-y: 94% !important;
    object-position: 50% 94% !important;
  }
}

/**
 * v1.0.11.60 — Podcast mobile image/text ratio.
 * Podcasts only, mobile only. Keep the approved 510px card height while
 * increasing the image panel from 230px to 305px and reducing the text panel
 * from 280px to 205px. A/B/C crop positioning remains unchanged.
 */
@media only screen and (max-width: 620px) {
  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 {
    grid-template-rows: 305px 205px !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.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 {
    flex-basis: 305px !important;
    height: 305px !important;
    min-height: 305px !important;
    max-height: 305px !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 {
    flex-basis: 205px !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    padding: 16px 20px 40px !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
    -webkit-line-clamp: 2 !important;
    margin-bottom: 9px !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  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 {
    -webkit-line-clamp: 2 !important;
    font-size: 15.5px !important;
    line-height: 1.38 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a::after,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after {
    right: 20px !important;
    bottom: 16px !important;
  }
}