/* Multifamily Matt: shared additions for the live site (layout itself is inline in each page) */
html { scroll-behavior: smooth; }
img { max-width: 100%; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #FB6095; outline-offset: 3px; }

/* Tablet and mobile: collapse multi-column grids and scale type down */
@media (max-width: 900px) {
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="grid-column"] { grid-column: auto !important; }
  [style*="grid-row"] { grid-row: auto !important; }
  [style*="white-space: nowrap"] { white-space: normal !important; }
  [style*="padding: 0 40px"], [style*="40px 40px"], [style*="px 40px"] { padding-left: 20px !important; padding-right: 20px !important; }
  h1 { font-size: 44px !important; line-height: 1.08 !important; }
  h2 { font-size: 32px !important; line-height: 1.15 !important; }
  header > div { flex-wrap: wrap; gap: 12px !important; }
  header nav { flex-wrap: wrap; gap: 14px !important; font-size: 14px !important; }
  #mm-banner a > div { padding-left: 20px !important; padding-right: 52px !important; font-size: 13px !important; }
  section[style*="justify-content: space-between"] > div, div[style*="justify-content: space-between"] { flex-direction: column; align-items: flex-start !important; }
  .mroot [style*="font-size: 124px"], [style*="font-size: 124px"] { font-size: 56px !important; }
  [style*="font-size: 80px"] { font-size: 40px !important; }
  [style*="font-size: 72px"] { font-size: 46px !important; }
  footer > div { flex-direction: column; align-items: flex-start !important; }
  footer > div > div { flex-wrap: wrap; }
}