/*
 * Phone-only layout fixes for the restored original site, 2026-10-12.
 *
 * Each fixes a defect that was already live on WordPress (the 2026-09-13
 * capture renders identically): the page scrolled sideways on phones. Nothing
 * here applies above 600px, so desktop and tablet stay pixel-identical to the
 * original, and no copy is touched.
 */
@media (max-width: 600px) {
  /* Home, Executive Physical teaser. The theme's 1024px rule set
     grid-template-columns on .exec-flex, a flex container, so it never stacked
     and "View Executive Physical" ran off the screen. */
  .exec-flex { flex-direction: column; align-items: flex-start; }

  /* Executive Physical, "A Book About You". An inline two-column grid with no
     phone rule held the page at 470px. */
  .macbach-container > div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  li[style*="justify-content: space-between"] { flex-wrap: wrap; gap: 4px 12px; }
}

@media (max-width: 360px) {
  /* Method, diagnostic categories. 50px of padding left "CARDIOVASCULAR"
     no room at 320px. */
  .stack-category { padding: 40px 24px; }

  /* Method, "Diagnostic Arsenal". Set inline at 60px, the word DIAGNOSTIC is
     wider than a 320px screen. */
  .diag-section h2 { font-size: 46px !important; }
}