/* Contact page (audit form + booking embed). Extracted verbatim from
   contact.astro's scoped <style>. Classes are audit-form-namespaced; linked
   only from contact.astro. Uses vars from page.css (--head, --line, --ember). */

.audit-form { margin: 8px 0 8px; display: grid; gap: 16px; max-width: 640px; }
.audit-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .audit-form .row { grid-template-columns: 1fr; } }
.audit-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--head); }
.audit-form input, .audit-form textarea {
  font-family: inherit; font-weight: 400;
  font-size: 16px; /* 16px min prevents iOS Safari auto-zoom on focus */
  padding: 12px 13px; border: 1px solid var(--line);
  border-radius: 8px; background: #fff; color: var(--text); width: 100%;
}
.audit-form input:focus, .audit-form textarea:focus { outline: none; border-color: var(--ember); box-shadow: 0 0 0 3px rgba(255,106,0,.15); }
.audit-form textarea { resize: vertical; }
.audit-form button {
  justify-self: start; background: var(--ember); color: #000; font-weight: 700; font-size: 15px;
  padding: 12px 24px; border: none; border-radius: 12px; cursor: pointer;
}
.audit-form button:hover { filter: brightness(1.05); }
.audit-form button[disabled] { opacity: .6; cursor: default; }
.hp { position: absolute; left: -9999px; opacity: 0; }
.form-note { margin: 0; font-size: 14.5px; font-weight: 600; }
.form-note.ok { color: #0f9d6b; }
.form-note.err { color: #e11d48; }
.booking-embed {
  margin: 8px 0 8px; max-width: 720px;
  border: 1px solid var(--line); border-radius: 12px;
  overflow: hidden; background: #fff;
}