/* Rehearsal Partner site. Most styling is inline (it came from the approved mockup);
   this file holds page basics, focus rings and the phone-width adjustments. */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F5EFE2; }
a { color: #8A6519; }
a:hover { color: #5E4510; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #8A6519; outline-offset: 2px;
}
img { max-width: 100%; height: auto; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#c-status.ok { color: #2F5A2A; }
#c-status.err { color: #8E3420; }
button[disabled] { opacity: 0.6; cursor: default; }

@media (max-width: 640px) {
  .hero-title { font-size: 42px !important; }
  .cta-band { padding: 36px 24px !important; }
  .site-header nav { gap: 14px !important; font-size: 14px !important; }
  h1 { font-size: 38px !important; }
  form#contact { padding: 22px !important; }
}

@media (max-width: 860px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .steps { grid-template-columns: minmax(0, 1fr) !important; } }