/*
 * Mobile audit remediation — load after styles.css on every route.
 * Scope is intentionally limited to <=760px, preserving desktop layout.
 */
@media (max-width: 760px) {
  /* Keep the masthead attribution readable instead of the prior 7px / 5px text. */
  .header-editorial .masthead-wordmark { gap: 2px; }
  .header-editorial .masthead-byline { font-size: 9px; line-height: 1.45; }
  .header-editorial .masthead-english { font-size: 8px; line-height: 1.35; letter-spacing: .45px; }

  /* Compact visual treatment may remain, but navigation and contact controls need 44px targets. */
  .header-editorial .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 4px 8px;
  }
  .header-editorial .contact-btn {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 12px;
  }
  .header-editorial .primary-nav a {
    min-height: 44px;
    align-items: center;
  }
  .float-dock a,
  .float-dock button {
    min-width: 44px;
    height: 44px;
  }

  /* 16px form controls prevent mobile browser zoom and improve form legibility. */
  .contact-form .field input,
  .contact-form .field select,
  .contact-form .field textarea { font-size: 16px; }
}

/* At tablet/desktop widths, keep the fixed consultation dock clear of footer links. */
@media (min-width: 761px) {
  .site-footer .footer-bottom { padding-right: 180px; }
}