/* No shadows anywhere on the site or admin panel (Oct 2026). Important declarations inside a
   cascade layer outrank every unlayered one whatever its specificity, so this
   single rule beats each older box-shadow and text-shadow. Fields drew their
   focus ring and invalid underline with a shadow; they get an outline and a
   border colour instead. */
@layer no-shadows{
  *,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
  :is(input,select,textarea):focus-visible{outline:2px solid var(--satc-wild-hillside,#6f4422)!important;outline-offset:1px!important}
  /* Bootstrap's controls in the admin panel also drew focus with a shadow. */
  .admin-body :is(a,button,.btn,.form-check-input,[tabindex]):focus-visible{outline:2px solid #6f4422!important;outline-offset:2px!important}
  .custom-select.is-invalid .custom-select-trigger{border-bottom-color:#b42318!important}
  /* The search fields are white pills that sit inside their own frame; no ring. */
  :is(.site-search-field,.site-search-page-form) input:focus-visible{outline:none!important}
}