.skip-link {
  position: absolute;
  left: 12px;
  top: -60px;
  z-index: 100;
  background: #fff;
  color: #111;
  padding: 10px 14px;
  border: 2px solid currentColor;
}
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; }
input, select, textarea {
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid #bdc8c2;
  border-radius: 7px;
  padding: 12px;
  background: white;
  font: inherit;
}
.full-width { grid-column: 1 / -1; }
.honeypot { position: absolute; left: -10000px; }
.form-note.success { color: #1f6b54; }
.form-note.error { color: #a32727; }
button:disabled { cursor: wait; opacity: .65; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}