/* /live/ mobile scale: Material role hierarchy adapted for Chinese web copy.
   Keep desktop, navigation and other routes unchanged; allow text to reflow. */
@media (max-width: 767px) {
  .scenario-live-page main {
    --live-type-section: 1.25rem;
    --live-type-card: 1rem;
    --live-type-body: .875rem;
    --live-type-compact: .8125rem;
    --live-type-caption: .75rem;
  }

  .scenario-live-page main .live-product-hero__content h1 {
    font-size: 1.625rem;
    line-height: 1.4;
  }
  .scenario-live-page main .live-product-hero__feature-copy strong { font-size: .875rem; }
  .scenario-live-page main .router-performance-mobile__metric { width: max-content; max-width: 45%; }
  .scenario-live-page main .router-performance-mobile__metric :is(small, strong) { white-space: normal; overflow-wrap: anywhere; }

  .scenario-live-page main :is(.live-package-heading, .live-evidence-heading, .live-start-steps, .saas-difference-copy, .live-regional-cases__heading, .live-faq__heading, .home-contact-copy) h2,
  .scenario-live-page main .syy-why .live-why__heading h2 {
    font-size: var(--live-type-section);
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.02em;
  }
  .scenario-live-page main .live-package-heading h2 strong { font-size: inherit; }
  .scenario-live-page main .syy-why .live-why__copy h3 {
    font-size: var(--live-type-card);
    line-height: 1.5;
  }
  .scenario-live-page main .syy-why .live-why__copy p {
    font-size: var(--live-type-compact);
    line-height: 1.7;
  }
  .scenario-live-page main .live-challenge-card__copy h3 {
    font-size: var(--live-type-compact);
    font-weight: 700;
    line-height: 1.5;
  }

  .scenario-live-page main .live-package--compact .live-plan-card__tag {
    font-size: var(--live-type-card);
    line-height: 1.4;
    font-weight: 700;
  }
  .scenario-live-page main .live-package--compact .live-plan-card__subtitle {
    font-size: var(--live-type-caption);
    line-height: 1.6;
    font-weight: 400;
  }
  .scenario-live-page main .live-package--compact .live-plan-card__current-price strong {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .scenario-live-page main .live-package--compact .live-plan-card__current-price { min-height: 0; }
  .scenario-live-page main .live-package--compact .live-plan-card__bandwidth dd strong,
  .scenario-live-page main .live-package--compact .live-plan-card__action {
    font-size: var(--live-type-compact);
    line-height: 1.6;
  }
  .scenario-live-page main .live-package--compact .live-plan-card { padding: 16px; }
  .scenario-live-page main .live-package--compact .live-plan-card footer { margin-top: 12px; padding-top: 12px; gap: 12px; }
  .scenario-live-page main .live-plan-card__action { min-height: 44px; }
  .scenario-live-page main .live-region-selector ul { grid-template-columns: repeat(7, minmax(102px, max-content)); }
  .scenario-live-page main .live-region-selector li { grid-template-columns: max-content max-content; }
  .scenario-live-page main .live-region-selector li > strong { overflow: visible; text-overflow: clip; }

  .scenario-live-page main :is(.live-region-selector, .live-start-steps) h3,
  .scenario-live-page main .live-regional-case-card h3,
  .scenario-live-page main .home-consultant-intro h3 {
    font-size: var(--live-type-card);
    line-height: 1.5;
  }
  .scenario-live-page main :is(.live-faq__group-summary, .live-faq__item summary) strong,
  .scenario-live-page main .live-evidence-panel.is-active .live-evidence-panel__tag {
    font-size: var(--live-type-body);
    line-height: 1.6;
  }
  .scenario-live-page main :is(.live-package-heading, .live-evidence-heading, .saas-difference-copy, .live-regional-cases__heading, .live-faq__heading, .home-consultant-intro) > p,
  .scenario-live-page main .live-evidence-panel__copy p span,
  .scenario-live-page main .live-faq__answer p {
    font-size: var(--live-type-compact);
    line-height: 1.75;
  }
  .scenario-live-page main .saas-difference-copy > p:first-of-type strong { font-size: inherit; }
  .scenario-live-page main :is(.live-regional-case-card__pain, .live-regional-case-card__section-label, .live-regional-case-card li, .live-regional-case-card blockquote, .live-start-steps p) {
    font-size: var(--live-type-compact);
    line-height: 1.7;
  }
  .scenario-live-page main :is(.live-contextual__button, .live-contextual__link, .live-faq__heading > a, .home-portals strong) {
    font-size: var(--live-type-compact);
    line-height: 1.6;
  }
  .scenario-live-page main .home-wechat strong { font-size: var(--live-type-card); }
  .scenario-live-page main .home-portals :is(a, span, strong) { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .scenario-live-page main .home-portals a > span { padding-inline-end: .35em; }
  .scenario-live-page main .live-evidence-panel__trigger { grid-template-columns: max-content minmax(0, 1fr) auto; }
  .scenario-live-page main .live-evidence-panel__tag { font-size: var(--live-type-compact); }
  .scenario-live-page main .usage-notice p { font-size: var(--live-type-caption); line-height: 1.75; }
}