/* contact.html only. Everything else comes from site.css. */

/* "Visit us" title above the contact block (the block itself has no top margin) */
.visit__title { margin-bottom: var(--space-5); }

/* closing call/request buttons below the Good to know list */
.contact-end { margin-top: var(--space-7); }

/* nervous-patient note: body-colour text with a thin accent rule, between the form intro and the card.
   Once the sedation reason is selected (by ?reason=sedation or by hand) the "Choose ..." line
   gives way to an acknowledgement. Without :has() support the "Choose ..." line simply stays. */
.form__nervous {
  margin: calc(-1 * var(--space-3)) 0 var(--space-6); max-width: var(--measure);
  padding-left: var(--space-4); border-left: 2px solid var(--accent); color: var(--ink);
}
.form__nervous-done { display: none; }
#appointment:has(option[data-reason="sedation"]:checked) .form__nervous-ask { display: none; }
#appointment:has(option[data-reason="sedation"]:checked) .form__nervous-done { display: inline; }

/* quiet form guidance under a field (booking for someone else, notes) */
.form__hint { margin: 0; font-size: var(--step--1); line-height: 1.5; color: var(--muted); max-width: var(--measure); }
.form__grid > .form__hint { margin-top: calc(-1 * var(--space-3)); }