/**
 * index.html only — mobile flush-left layout.
 * Load after styles.css; scoped to .home-page @ max-width 600px.
 */

@media (max-width: 600px) {
  /* Hero — mobile-only image swap (picture source in index.html) */
  .home-page #hero .hero__visual picture {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
  }

  .home-page #hero .hero__image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* Hide FDA Cleared badge above Technologies chip on mobile */
  .home-page #hero .hero__fda-badge {
    display: none;
  }

  /* Technologies title — space after "Precision," on one line */
  .home-page #technologies .section-title .section-title__mobile-break {
    display: none;
  }

  .home-page #technologies .section-title .precision-mobile-space {
    display: inline;
  }

  /* Section chips (blue pills) */
  .home-page #technologies .section-header > .chip,
  .home-page #the-science .section-header > .chip,
  .home-page #download-app .section-header > .chip {
    margin-left: 0;
    margin-right: auto;
  }

  .home-page .text-mobile-center {
    text-align: left;
  }

  /* Technologies */
  .home-page #technologies .tech-feature,
  .home-page #technologies .tech-feature__title,
  .home-page #technologies .tech-feature__desc {
    text-align: left;
  }

  .home-page .tech-feature {
    align-items: flex-start;
  }

  .home-page .tech-feature__desc {
    margin-left: 0;
    margin-right: 0;
  }

  /* Technologies — H3 titles on one line (hide desktop line breaks) */
  .home-page #technologies .tech-feature__title .mobile-hide-break {
    display: none;
  }

  .home-page #technologies .tech-feature__title {
    white-space: nowrap;
    min-height: 0;
  }

  /* Balance Imperative — remove inner indents (grid content only; not stat banner) */
  .home-page #the-science .imperative-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .home-page #the-science .imperative-text,
  .home-page #the-science .video-desc,
  .home-page #the-science .deaths-chart__source {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }

  .home-page #the-science .deaths-chart,
  .home-page #the-science .video-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-page #the-science .deaths-chart img,
  .home-page #the-science .video-placeholder__img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  /* Download app CTA — copy flush left (store layout at 768px below) */
  .home-page #download-app .section-header,
  .home-page #download-app .section-sub,
  .home-page #download-app .app-download-cta__copy {
    text-align: left;
  }
}

/* Hide mobile-only Precision space on tablet/desktop */
.precision-mobile-space {
  display: none;
}

/* Download App CTA — logo row + both store badges on one row (index mobile/tablet) */
@media (max-width: 768px) {
  .home-page #download-app .app-download-cta__stores {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 10px;
    row-gap: 20px;
    width: 100%;
  }

  .home-page #download-app .app-download-cta__logo {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
    width: min(100%, 220px);
    max-width: 220px;
    height: auto;
    margin: 0;
  }

  .home-page #download-app .download-hero__store-link:first-of-type {
    grid-column: 1;
    grid-row: 2;
  }

  .home-page #download-app .download-hero__store-link:last-of-type {
    grid-column: 2;
    grid-row: 2;
  }

  .home-page #download-app .download-hero__store-link {
    flex-shrink: 0;
  }

  .home-page #download-app .download-hero__store-img {
    height: 56px;
    width: auto;
    display: block;
  }
}