/* Mobile refinement: preserve the approved page order, text and imagery. */
:root { color-scheme: only light; }
@media (max-width: 760px) {
  :root { --bg: #f7fafc; --surface: #ffffff; --text: #132942; --muted: #4d6073; --quiet: #4d6073; --blue: #1768ac; --mint: #1768ac; }
  body, .page-family-home .home-projects { background-color: #f7fafc; }
  #main .button, .nav .nav-links[data-open="true"] a.nav-cta, .button, .nav-cta { min-height: 48px; font-size: 16px; line-height: 1.5; border-radius: 6px; }
  .nav .button.secondary.mobile-menu { color: #ffffff; background-color: #1768ac; border-color: #1768ac; font-size: 16px; }
  .button.primary, .nav-cta { color: #ffffff; background-color: #1768ac; border-color: #1768ac; }
  .button.secondary:not(.mobile-menu) { color: #175f99; background-color: #ffffff; border-color: #a9c3d7; }
  .nav-links[data-open="true"] .nav-cta { color: #ffffff; background-color: #1768ac; }
  .home-projects .portfolio-card { border-bottom-color: #cddce7; }
  .home-projects .portfolio-card h3 { text-wrap: balance; }
  .home-projects .portfolio-card h3 a { color: #132942; text-decoration: none; }
  .home-projects .portfolio-card-copy { position: relative; padding-right: 12px; }
  .home-projects .portfolio-card-copy::after { content: ""; position: absolute; right: 2px; top: 50%; width: 6px; height: 6px; border-top: 2px solid #1768ac; border-right: 2px solid #1768ac; transform: translateY(-50%) rotate(45deg); pointer-events: none; }
  .home-projects .portfolio-card-image { background-color: #eaf2f8; }
  .text-link, .scenario-actions a, .portfolio-back { font-size: 15px; }
  .simple-hero p, .custom-hero p, .section-head p, .portfolio-card-copy p, .scenario-hero p, .business-grid p, .cta-box p { font-size: 16px; line-height: 1.8; }
  input, select, textarea { font-size: 16px; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #1768ac; outline-offset: 3px; }
}