/* Compact spacing for the remaining imported case studies. NYDIG, JFK and
   Republic Airways retain their dedicated mobile stylesheets. */
@media (max-width: 540px) {
  .legacy-case-page {
    --compact-section-space: 48px;
    --compact-media-gap: 32px;
    --compact-text-gap: 16px;
  }

  /* Important declarations replace the imported per-node desktop offsets. */
  .legacy-case-page #content-holder [data-mobile-layout] {
    padding: var(--compact-section-space) 0 !important;
    margin: 0 !important;
  }
  .legacy-case-page #content-holder [data-mobile-layout] smp-container {
    display: flex !important;
    flex-direction: column;
    gap: var(--compact-media-gap);
    width: 100% !important;
    max-width: none !important;
    padding: 0 var(--chrome-gutter) !important;
    box-sizing: border-box;
  }
  .legacy-case-page #content-holder [data-mobile-layout] smp-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--compact-media-gap);
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start;
  }
  .legacy-case-page #content-holder [data-mobile-layout] smp-column {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
  }
  .legacy-case-page #content-holder [data-mobile-layout] .spacer-column { display: none !important; }
  .legacy-case-page #content-holder [data-mobile-layout] smp-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--compact-text-gap);
    width: 100%;
  }
  .legacy-case-page #content-holder [data-mobile-layout] smp-content {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
  }
  .legacy-case-page #content-holder [data-mobile-layout] smp-content:first-child { margin-top: 0 !important; }
  .legacy-case-page #content-holder [data-mobile-layout] :is(p, h1, h2, h3, h4, h5, h6) { margin-block: 0 !important; }
  .legacy-case-page #content-holder [data-mobile-layout] p + p { margin-top: var(--compact-text-gap) !important; }

  /* Keep banners full width and use one gap between supporting media units. */
  .legacy-case-page #content-holder [data-mobile-layout="banner"],
  .legacy-case-page #content-holder [data-mobile-layout="media"] { padding-block: 0 !important; }
  .legacy-case-page #content-holder [data-mobile-layout="banner"] smp-container { padding-inline: 0 !important; }
  .legacy-case-page #content-holder [data-mobile-layout="media"] + :is([data-mobile-layout="media"], [data-mobile-layout="banner"]) {
    margin-top: var(--compact-section-space) !important;
  }
  .legacy-case-page #content-holder [data-mobile-layout="media"]:last-child { padding-bottom: var(--compact-section-space) !important; }
  .legacy-case-page #content-holder [data-mobile-layout="evidence"] smp-container { gap: var(--compact-section-space); }
  .legacy-case-page #content-holder [data-mobile-layout="article"] [data-mobile-topic] { margin-top: var(--compact-text-gap) !important; }

  /* Three standalone phone artifacts in ChaCha get the same scale as Republic. */
  .legacy-case-page #content-holder [data-mobile-phone-gallery] smp-content[data-module="image"] {
    width: min(100%, 320px);
    margin-inline: auto !important;
  }

  /* Preserve the UN's established two-image opening composition. */
  #content-holder #content-74489 [data-mobile-layout="media"] { padding-block: 0 !important; }
  #content-holder #content-74489 [data-mobile-layout="media"]:last-child { padding-bottom: var(--compact-section-space) !important; }
  #content-holder #content-74489 [data-mobile-layout="media"] smp-row { row-gap: var(--compact-media-gap) !important; }
  #content-holder #content-74489 #row_9lgrcs5c6 { display: flex !important; column-gap: 0; }
  #content-holder #content-74489 #row_9lgrcs5c6 > smp-column { padding-inline: 8px !important; }
  #content-holder #content-74489 #column_727c23f19 { padding: 0 !important; }
}