.cgrid {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 48px; align-items: start;

  @media (max-width: 820px) { grid-template-columns: 1fr; }
}
.contact-actions {
  display: grid; gap: 24px; align-content: start; scroll-margin-top: 8rem;
}
.addr {
  display: grid; gap: 24px;

  div { background: var(--tint); padding: 20px; border-radius: var(--r); }
  b { font: 700 20px var(--f-display); display: block; margin-bottom: 4px; }
  .__emergency { color: var(--magenta); font-weight: 600; }
  a { overflow-wrap: anywhere; }
}

.contact-form {
  .__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .__hint { font-size: 15px; color: var(--muted); }

  @media (max-width: 560px) { .__fields { grid-template-columns: 1fr; } }
}
.contact-notice {
  padding: 16px; border-left: 3px solid var(--blue); background: var(--tint); border-radius: var(--r);

  &[role="alert"] { border-color: var(--magenta); }
}