/* Shared styles for shazzbiz.com. Most layout is inline in each page. */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F6F3; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
a { color: #0E1B2A; }
a:hover { color: #0F5E52; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible {
  outline: 3px solid #E9A23B; outline-offset: 3px;
}
summary { min-height: 44px; display: list-item; }

/* Phones and small tablets */
@media (max-width: 720px) {
  h1 { font-size: 38px !important; }
  h2 { font-size: 28px !important; }
  section, nav { padding-left: 20px !important; padding-right: 20px !important; }
  section { padding-top: 64px !important; padding-bottom: 64px !important; }
  nav > div { gap: 14px !important; font-size: 14px !important; }
  input[type="email"] { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Header logo on small screens */
@media (max-width: 480px) {
  .brand-logo { height: 24px !important; }
  .brand-divider { height: 30px !important; }
}