/* LMC-01: keep every control; move supporting content after the worksheet on phones. */
@media (max-width: 640px) {
  .site-header-inner { padding-top: 10px; padding-bottom: 10px; gap: 8px; }
  .site-nav { gap: 8px 14px; font-size: .83rem; }
  .page-shell { padding-top: 16px; }
  .page-shell > .hero { display: block; margin-bottom: 12px; }
  .hero h1 { margin: 0 0 8px; font-size: 1.7rem; line-height: 1.12; }
  .hero-lead { margin: 0 0 8px; font-size: .9rem; line-height: 1.35; }
  .hero-trust { margin: 0 0 14px; font-size: .76rem; line-height: 1.3; }
  .page-shell > .worksheet { padding: 16px; margin-top: 0; }
  .hero-sample { margin: 20px 0 8px; }
  .hero-tool-links { margin: 8px 0 20px; }
  .worksheet-head { margin-bottom: 10px; }
  .worksheet-kicker, .worksheet-title, .worksheet-head .trust-cue { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .worksheet-promise { margin: 0; font-size: .85rem; line-height: 1.35; }
  .mode-toggle { margin: 10px 0; gap: 8px; }
  .mode-toggle button { min-height: 44px; }
  .worksheet > .ai-helper { margin: 8px 0 12px; padding: 10px 12px; }
  .worksheet > p[role="status"]:empty { margin: 0; }
  .worksheet-form { margin-top: 0; }
  .field-block { padding: 12px; }
  .unit-row { margin-bottom: 10px; }
  .field-block input { scroll-margin-top: 16px; }
}