/* Keep a visible focus state without drawing a second rectangle around fields. */
body.quiet-inner form :is(input:not([type="checkbox"]), select, textarea):focus {
  outline: none;
  outline-offset: 0;
  border-color: #81685c;
  background-color: #fffdfa;
  box-shadow: inset 0 -2px 0 #81685c;
}

/* Medical fields already have a bordered label row; highlight that row only. */
body.v17-page.v15-page--medical .v15-appointment #inquiry-form > label:not(.v15-consent):focus-within {
  border-color: #76554e;
  background: #fffaf3;
  box-shadow: inset 3px 0 0 #76554e;
}

body.v17-page.v15-page--medical .v15-appointment #inquiry-form > label:not(.v15-consent) :is(input, select, textarea):focus {
  outline: none;
  outline-offset: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* The technology form has standalone fields and uses the same single-line cue. */
body.v17-page #early-access .v12-early-form :is(input:not([type="checkbox"]), select):focus {
  outline: none;
  outline-offset: 0;
  border-color: #81685c;
  background-color: #fffdfa;
  box-shadow: inset 0 -2px 0 #81685c;
}