/* DTV-PAGE09R Correction 01 — narrow-mobile Councils & News reflow recovery.
 * Scope is intentionally limited to <=430px. Footer and all other homepage
 * systems remain untouched.
 */
@media (max-width:430px) {
  /* PAGE06 Correction 02 reasserts the desktop 51/49 split after the earlier
     responsive rule. On narrow mobile, restore the intended vertical flow. */
  body.home [data-dtv-homepage="ux10"] .dtv-g4-composition {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 34px !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-g4-composition::after {
    content: none !important;
    display: none !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-g4-composition > section {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Preserve the approved four-item grouped slider contract while giving
     Councils the full mobile canvas: 2 x 2 landscape cards per slide. */
  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--civic .dtv-page06-slide {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-template-rows: repeat(2,auto) !important;
    gap: 10px !important;
  }

  /* News keeps four portrait cards per slide, now across the full section
     width rather than half of the mobile canvas. */
  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news .dtv-page06-slide {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--civic .dtv-page06-civic-media {
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news article,
  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news article > a {
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 9 / 16 !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news strong {
    font-size: clamp(9px,2.45vw,11px) !important;
    line-height: 1.12 !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news article > a > div {
    padding: 8px !important;
  }

  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news em,
  body.home [data-dtv-homepage="ux10"] .dtv-page06-slider--news small {
    font-size: 7px !important;
  }
}