/*
 * G81 mobile entry correction.
 * Keep the held search copy, recommendation ranking, proof flow, and commerce gate intact.
 * The only job of this layer is to keep the primary quiet-fit action visible on compact
 * 390px-wide viewports without hiding content or reducing the 44px tap target.
 */
@media (max-width: 620px) {
  .image-led-guide.introvert-guide-page .guide-visual img {
    height: clamp(160px, calc(160px + (100vw - 360px) * 0.46), 280px);
    object-position: center 48%;
  }

  .image-led-guide.introvert-guide-page .guide-hero {
    margin-top: -36px;
    padding: 18px 16px 16px;
  }

  .image-led-guide.introvert-guide-page .guide-hero h1 {
    font-size: clamp(29px, 5vw, 32px) !important;
    line-height: 1 !important;
  }

  .image-led-guide.introvert-guide-page .guide-hero .guide-lede {
    margin-top: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }

  .image-led-guide.introvert-guide-page .guide-link-row {
    margin-top: 14px;
  }
}

@media (max-width: 370px) {
  .image-led-guide.introvert-guide-page .guide-hero .eyebrow {
    flex-wrap: nowrap;
    gap: 4px;
  }

  .image-led-guide.introvert-guide-page .guide-hero .eyebrow span {
    padding: 5px;
    font-size: 0.53rem;
    letter-spacing: 0.02em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .introvert-guide-page {
    scroll-behavior: auto;
  }
}