/* Page basics; the layout itself is inline in the HTML, copied from the approved design (FLEET-69). */
html { scroll-behavior: smooth; }
body { margin: 0; background: #f6f7f9; }
a { color: #2b50d8; text-decoration: none; }
a:hover { color: #1e3ba8; }
:focus-visible { outline: 3px solid rgba(43, 80, 216, .5); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.signup-status { margin: 0; font-size: 14px; min-height: 1em; }
.signup-status.is-ok { color: #157347; }
.signup-status.is-error { color: #9f1d16; }
input[aria-invalid="true"] { border-color: #c2410c !important; }
button[disabled] { opacity: .6; cursor: progress !important; }

/* Phones: scale the large headings and padding down. */
@media (max-width: 640px) {
  h1 { font-size: 38px !important; }
  h2 { font-size: 28px !important; }
  section > div, section[id] { padding-top: 56px !important; padding-bottom: 56px !important; }
}