/* Hallmark · macrostructure: Split Studio (system-managed by design.md; pages share it) · page: contact-us · tone: grounded, direct, dignified · anchor hue: brick 29°
 * theme: studied-DNA "limestone and brick" (design.md) · tokens only (no raw colour or font values) · eyebrows: none · motion: none
 * sections: the phone number as the page headline (+ hours, crisis line) · call-back form · the clinic: photo on the plate, address, directions, email
 * signature move: the phone number set as type, at display size, as the h1 itself (no map embed: address in type + a directions link)
 * Hallmark · pre-emit critique: P5 H5 E4 S4 R5 V4
 * Shared-component candidates (kept here per the brief): .link-row (also in admissions.css)
 */

/* ── Head: "Call admissions" + the number, with hours and the crisis line beside ── */
.contact-head__grid { display: grid; gap: var(--space-xl); }
.page-head .contact-title { display: grid; justify-items: start; gap: var(--space-2xs); max-width: none; }
.contact-title__lead { font-size: var(--text-xl); font-weight: var(--weight-display); line-height: 1.12; }
.contact-phone {
  display: inline-flex; align-items: center; min-height: var(--tap-cta);
  font-size: var(--text-page); font-weight: var(--weight-display-heavy); line-height: 1;
  color: var(--color-accent); white-space: nowrap; font-variant-numeric: tabular-nums;
  text-decoration: underline 1px; text-underline-offset: 0.12em;
}
.contact-phone:hover { text-decoration-thickness: 2px; }
.contact-phone:active { color: var(--color-accent-deep); }
@media (min-width: 40rem) { .contact-phone { font-size: var(--text-display); } }

.contact-head__aside { display: grid; gap: var(--space-md); align-content: start; }
.contact-hours { display: grid; gap: var(--space-3xs); }
.contact-hours dt { font-weight: var(--weight-strong); }
@media (min-width: 60rem) {
  .contact-head__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--space-2xl); align-items: end; }
}

/* ── Call-back (the shared .admit band + the shared form) ── */
.contact-callback { padding-block: var(--space-2xl) var(--space-3xl); }
.contact-callback__intro { display: grid; gap: var(--space-md); align-content: start; }
.contact-callback__privacy { font-size: var(--text-sm); color: var(--color-text-muted); }
.contact-callback .steps { margin-top: var(--space-xs); gap: var(--space-md); }
.contact-callback .steps li::before { font-size: var(--text-lg); }
.contact-callback .steps h3 { font-size: var(--text-md); }

/* ── The clinic ── */
.visit { padding-block: var(--space-3xl) var(--space-4xl); }
.visit .plate img { aspect-ratio: 3 / 2; }
.visit__address {
  font-style: normal; font-family: var(--font-display); font-weight: var(--weight-h3);
  font-size: var(--text-lg); line-height: var(--leading-snug);
}
.visit__email { font-size: var(--text-sm); color: var(--color-text-muted); overflow-wrap: anywhere; }

/* A row of tertiary links that wraps as whole links, never mid-label */