/* Phone-only alignment for page mastheads and photo-hero copy.
   Keep article body text, card details, and desktop compositions unchanged. */
@media (max-width: 760px) {
  .about-masthead,
  .editorial-masthead {
    justify-content: center;
    text-align: center;
  }
  .about-masthead::after,
  .editorial-masthead::after {
    left: 50%;
    transform: translateX(-50%);
  }

  /* About's photo panel measures 334px at phone width. Match the other
     editorial photo panels without resizing their independent white footers. */
  .editorial-hero--services .editorial-hero-panel,
  .editorial-hero--food .editorial-hero-panel,
  .editorial-hero--contact .editorial-hero-panel {
    box-sizing: border-box;
    height: 334px;
    min-height: 0;
    padding: 25px 22px;
  }
  .editorial-hero .editorial-hero-copy {
    text-align: center;
    align-items: center;
  }
  .editorial-hero .editorial-hero-copy > :is(p, h2) {
    max-width: 100%;
  }
  .editorial-hero .editorial-hero-copy > p:first-child {
    margin-bottom: 12px;
  }
  .editorial-hero .editorial-hero-copy > h2:last-child {
    margin-bottom: 0;
  }
  /* Center the supporting text and actions at the foot of each photo hero. */
  .editorial-hero--contact .contact-hero-info {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .editorial-hero--contact .contact-hero-info-item,
  .editorial-hero--contact .contact-hero-btns {
    justify-content: center;
  }
  /* Keep both contact actions on one compact row inside the shorter photo. */
  .editorial-hero--contact .contact-hero-btns {
    width: 100%;
    flex-wrap: nowrap;
    gap: 6px;
  }
  .editorial-hero--contact .contact-hero-cta {
    padding: 9px 10px;
    font-size: 14px;
  }
  .editorial-hero--services .svc-accolade-inner,
  .editorial-hero--food .fs-audit-card-inner {
    justify-content: center;
    text-align: center;
  }
  .editorial-hero--services .svc-accolade-emoji,
  .editorial-hero--services .svc-accolade-claim,
  .editorial-hero--food .fs-audit-title {
    flex: 0 0 100%;
    text-align: center;
  }
  .editorial-hero--services .svc-accolade-claim {
    justify-content: center;
  }
  .editorial-hero--services .svc-accolade-claim .svc-accolade-line {
    flex: 0 0 100%;
  }
  .editorial-hero--services .svc-accolade-stats {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin: 0;
  }
  .editorial-hero--services .svc-accolade-stat {
    align-items: center;
  }
  /* Compact the Services footer without shrinking its claim into microtype. */
  .editorial-hero--services .svc-accolade-badge {
    padding: 14px 18px;
  }
  .editorial-hero--services .svc-accolade-inner {
    gap: 5px;
  }
  .editorial-hero--services .svc-accolade-emoji {
    font-size: 21px;
    line-height: 1;
    margin: 0;
  }
  .editorial-hero--services .svc-accolade-claim {
    align-items: center;
    gap: 1px 5px;
  }
  .editorial-hero--services .svc-accolade-claim .svc-accolade-sub {
    font-size: 13px;
    margin: 0;
  }
  .editorial-hero--services .svc-accolade-claim .svc-accolade-rank {
    font-size: 24px;
    line-height: 1;
    margin: 0;
  }
  .editorial-hero--services .svc-accolade-claim .svc-accolade-line {
    font-size: 13px;
    line-height: 1.3;
  }
  .editorial-hero--services .svc-accolade-stat-num {
    font-size: 15px;
  }
  .editorial-hero--food .fs-audit-contact-group {
    align-items: center;
    margin: 0 auto;
    text-align: center;
  }

  /* These are standalone card headings, not the adjacent long-form copy. */
  .about-story-intro > header,
  body.about-editorial-page #global-connections-title {
    text-align: center;
  }

  .news-masthead {
    text-align: center;
  }
  .news-masthead::after {
    margin-left: auto;
    margin-right: auto;
  }
  /* Place the carousel's heading above its independent motion control. */
  .story-explorer .explorer-toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding-top: 18px;
    text-align: center;
  }
  .story-explorer .explorer-toolbar-tools {
    justify-self: center;
  }
}