/* Sole owner of the focus ring. `.focus-visible` used to sit alongside this as
   the hook for a JS polyfill; native :focus-visible has been baseline since
   2022, the polyfill is gone, and the class was dead weight. */
:focus-visible {
  outline: 1px solid var(--color-accent-base);
  outline-offset: 5px;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

html:not(.js) .no-js\:is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}

.click-target-helper {
  position: relative;
}

.click-target-helper::after {
  --click-target-minimum: 44px;
  --inset-by: min(0px, calc((100% - var(--click-target-minimum)) / 2));

  content: "";
  position: absolute;
  top: var(--inset-by);
  left: var(--inset-by);
  right: var(--inset-by);
  bottom: var(--inset-by);
}

.scroll-smooth {
  scroll-behavior: smooth;
}