/**
 * diff.html / diff2.html 移动端布局修复
 * v=20260623
 */
@media (max-width: 767px) {
  body.lc-hub-page {
    --lc-page-offset: 108px;
  }

  body.lc-hub-page #hero.hero-compact {
    padding: 0.75rem 0 0.5rem !important;
  }

  body.lc-hub-page #hero.hero-compact h1 {
    white-space: normal !important;
    font-size: clamp(1.05rem, 4.8vw, 1.35rem) !important;
    line-height: 1.35 !important;
    padding-left: 4px;
    padding-right: 4px;
  }

  body.lc-hub-page #hero.hero-compact .hero-lead,
  body.lc-hub-page #hero.hero-compact .tldr-title,
  body.lc-hub-page #hero.hero-compact .tldr p {
    white-space: normal !important;
  }

  body.lc-hub-page #hero.hero-compact .tldr {
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  body.lc-hub-page #hero .organic-snippet {
    margin: 0 12px 8px !important;
    padding: 0.65rem 0.75rem !important;
    font-size: 0.8125rem;
  }

  body.lc-hub-page #hero .organic-snippet__lead,
  body.lc-hub-page #hero .organic-snippet__cta {
    font-size: 0.8125rem;
  }

  body.lc-hub-page #hero .max-w-\[1400px\] {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.lc-hub-page .lc-pair-bar {
    grid-template-columns: 1fr !important;
    gap: 8px;
    padding: 0 12px !important;
    margin: 10px auto 14px !important;
  }

  body.lc-hub-page .lc-pair-bar__item {
    padding: 12px 14px;
  }

  body.lc-hub-page .calc-panel,
  body.lc-hub-page .calc-tabs,
  body.lc-hub-page .version-diff-grid {
    max-width: 100%;
  }

  body.lc-hub-page .lc-subnav-mobile .lc-subnav-select {
    font-size: 0.875rem;
  }
}