/* V148 — small readability and keyboard-access improvements only. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #f3a348;
  outline-offset: 4px;
}
.mj-skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 2147483000;
  padding: 12px 18px;
  border-radius: 10px;
  background: #fff8ef;
  color: #16100b;
  font:
    600 16px/1.4 Arial,
    sans-serif;
  transform: translateY(-180%);
}
.mj-skip-link:focus {
  transform: translateY(0);
}
/* Existing small informational text was too faint against the dark backgrounds. */
.legal-mini,
.legal-mini a,
.form-note,
.maintenance-help {
  color: #bdb6ad;
}
.form-note a {
  color: #ffba69;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.field input::placeholder,
.field textarea::placeholder {
  color: #a6a19c;
  opacity: 1;
}
.field [aria-invalid="true"] {
  border-color: #ff9b84;
}
.choice input:focus-visible + label {
  outline: 2px solid #f3a348;
  outline-offset: 3px;
}
/* The legal pages already use this dark base; no global palette replacement. */
.shell > footer,
.shell .back {
  color: #bdb6ad;
}
/* Form labels stay in the existing warm-grey palette, with better contrast. */
.field > label,
.project-choice > span {
  color: #aaa49c;
}
/* Standalone desktop Contact: do not cover the legal links with the scroll hint. */
@media (min-width: 981px) {
  .scroll-back-hint {
    bottom: 48px;
  }
}