/* Mobile: every page hero (home and the guide hub excluded) uses the 당첨결과 hero as the reference:
   breadcrumb + title only, no description, same padding and type size, so all hero boxes have the same height.
   Same touch + narrow condition as the other *-mobile.css files. */
@media (max-width: 899px) {
  .desktop-site main.results-page:not(.detail-page) .results-hero-inner,
  .desktop-site main :is(.generator-hero-inner, .calculator-hero-inner, .guide-hero-inner, .subpage-hero-inner, .detail-hero .results-hero-inner) {
    box-sizing: border-box;
    height: 148px;
    min-height: 0;
    padding: 34px 0 38px;
  }

  .desktop-site main :is(.generator-hero-inner, .calculator-hero-inner, .guide-hero-inner, .subpage-hero-inner, .detail-hero .results-hero-inner) {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
  }

  .desktop-site main :is(.generator-hero h1, .calculator-hero h1, .guide-hero-title, .subpage-hero h1, .detail-hero h1) {
    margin: 0;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -.05em;
    font-weight: 850;
  }

  .desktop-site main :is(.breadcrumb, .calculator-breadcrumb) { margin: 0 0 17px; font-size: 12px; font-weight: 650; }

  /* descriptions are not shown */
  .desktop-site main :is(
    .generator-hero-copy > span,
    .calculator-hero h1 + p,
    .guide-hero-title + span,
    .subpage-hero h1 + p,
    .detail-hero h1 + span
  ) { display: none; }

  /* calculator: the "back to round" link stays as a small pill on the right */
  .desktop-site main .calculator-back-link { flex: 0 0 auto; margin: 0; padding: 9px 14px; font-size: 13px; white-space: nowrap; }

  /* no gray strip between the hero and the first card: the card sits directly under the hero */
  .desktop-site main :is(.subpage-content, .calculator-content) { padding-top: 0; }
  .desktop-site main :is(.results-archive, .benchmark-detail-shell, .guide-center, .guide-center-extension) { margin-top: 0; }
  .desktop-site main .store-hub { padding-top: 0; }
}