/* Mobile header rules verbatim from https://markroserealty.com/home.css */
@media (max-width: 640px) {
  .site-header { background: var(--cream); }
  .header-inner { padding: .5rem 1rem .1rem; min-height: 0; gap: 0; }
  .brand { min-height: 40px; }
  .brand-logo { width: 140px; transform: none; }
  .header-cta { display: none; }
  .site-nav { order: 3; width: 100%; margin: 0; gap: 0; justify-content: space-between; border-top: 1px solid var(--line); }
  .site-nav a { display: inline-flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 42px; font-size: .74rem; padding: 0 .2rem; }
  .site-nav .nav-extra { display: none; }
}
@media (max-width: 380px) {
  .site-nav a { font-size: .68rem; letter-spacing: .03em; }
}