/* Deliberately limited to the mobile layout, including touch-phone landscape. */
@media (max-width:900px) {
  body.public-home-page .public-mobile-nav-hint { order: 4; flex-basis: 100%; margin: -4px 0 0; grid-area: 4 / 1 / 5 / -1; text-align: right; color: var(--sia-muted); font-size: 12px; line-height: 1.5; }
  body.public-home-page .nav.has-mobile-scroll-cue { scrollbar-width: thin; scrollbar-color: var(--sia-sidebar-accent) transparent; }
  body.public-home-page .mobile-result-playback { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--sia-sidebar-accent); border-radius: 999px; background: var(--sia-sidebar-bg); color: var(--sia-heading); font: 700 14px/1.5 Inter,system-ui,sans-serif; cursor: pointer; }
  body.public-home-page .mobile-result-playback svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body.public-home-page .mobile-result-playback.is-playing { left: 8px; top: auto; bottom: 8px; transform: none; padding: 10px; }
  body.public-home-page .mobile-result-playback.is-playing span { display: none; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .plan-included { display: none; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .plan-card { gap: 12px; padding: 20px 18px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .public-plan-heading { min-height: 56px; gap: 12px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .pricing-plan-logo { width: 56px; height: 56px; flex-basis: 56px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .pricing-credits { font-size: 23px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .price { font-size: 44px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .plan-section-title { margin-bottom: 12px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .plan-differences { gap: 8px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .feature-metric { padding: 10px; row-gap: 6px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .feature-metric .feature-icon { top: 10px; right: 10px; }
  body.public-home-page #publicPlansGrid.is-mobile-comparison .plan-fit { padding: 12px; }
  body.public-home-page .public-mobile-common { margin-top: 20px; padding: 24px 20px; border: 1px solid var(--sia-line-strong); border-radius: 24px; background: var(--sia-sidebar-bg); }
  body.public-home-page .public-mobile-common h3 { margin: 0 0 16px; color: var(--sia-heading); font-size: 18px; line-height: 1.4; }
  body.public-home-page .public-mobile-common ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
  body.public-home-page .public-mobile-common li { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 10px; color: var(--sia-muted); font-size: 14px; line-height: 1.6; }
  body.public-home-page .public-mobile-common .feature-icon { width: 20px; height: 20px; color: var(--sia-sidebar-accent); }
  body.public-home-page .public-mobile-common svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body.public-home-page .public-mobile-common strong { color: inherit; font-weight: 600; }
}