/* Approved phone treatment, staged for review. No tablet/desktop overrides.
   Only editorial header tiles are targeted: never feeds, body media or players. */
@media screen and (max-width:600px) {
  #root main.inner-site :is(
    .section-opener > .opener-art,
    .tv-hero > .tv-hero-art,
    .ut-hero > .ut-hero-art,
    .greenland-hero > .greenland-hero-art,
    .health-story-hero > .health-story-art,
    .ep-hero > .ep-hero-art,
    .ef-hero > .ef-hero-art,
    .bi-hero > .ef-hero-art,
    .crime-hero > .ef-hero-art,
    .qanon-hero > .q-hero-art,
    .ps-hero > .ps-hero-art,
    .investigation-hero > .vanity-hero-art,
    .rt-hero-inner > .rt-cover,
    .fb-hero > .fb-hero-art,
    .mt-hero-grid > .mt-cover,
    .doge-hero-grid > .doge-cover,
    .bonds-hero-grid > .bonds-cover,
    .peace-hero > .peace-hero-record,
    .p25-hero > .p25-document
  ) {
    box-sizing:border-box;
    width:calc(100vw - 40px)!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    flex-shrink:0;
    justify-self:center!important;
    align-self:center;
  }
  /* A wider tile must not expand the text's grid track or create page overflow. */
  #root main.inner-site :is(
    .section-opener:has(> .opener-art),
    .tv-hero,.ut-hero,.greenland-hero,.health-story-hero,.ep-hero,
    .ef-hero,.bi-hero:has(> .ef-hero-art),.crime-hero,.qanon-hero,
    .ps-hero,.investigation-hero:has(> .vanity-hero-art),
    .fb-hero,.mt-hero-grid,.doge-hero-grid,.bonds-hero-grid,
    .peace-hero,.p25-hero
  ) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  /* These templates keep their buttons in the copy column. Flatten only the
     nonsemantic wrapper so the original controls can follow the artwork. */
  #root main.inner-site :is(
    .doge-hero-grid,.bonds-hero-grid,.fb-hero,.ps-hero,
    .section-opener:has(> div > a[href^="#"]:not([hidden]))
  ) {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
  }
  #root main.inner-site :is(
    .doge-hero-grid,.bonds-hero-grid,.fb-hero,.ps-hero,
    .section-opener:has(> div > a[href^="#"]:not([hidden]))
  ) > div:not(.opener-art) {
    display:contents;
  }
  #root main.inner-site :is(.doge-hero-grid,.bonds-hero-grid) :is(.doge-eyebrow,.bonds-eyebrow) {
    margin-bottom:0;
  }
  #root main.inner-site :is(.doge-hero-grid,.bonds-hero-grid) > :is(.doge-cover,.bonds-cover) {
    flex:none;
    margin:0 0 24px;
  }
  #root main.inner-site :is(.doge-reading-actions,.bonds-reading-actions) {
    order:1;
  }
  #root main.inner-site :is(.fb-hero,.ps-hero,.section-opener:has(> div > a[href^="#"]:not([hidden]))) > div > a[href^="#"]:not([hidden]) {
    order:1;
    align-self:flex-start;
    margin:24px 0 0!important;
  }
  /* Full-width chapter bands must not cover an open reading menu. */
  #root main.inner-site :is(.investigation-reading-slot,.qanon-reading-nav,.rt-controls) {
    position:relative;
    z-index:5;
  }
}