/*
 * SIJAKA Shared Components v1.1.0
 * Accessibility primitives and low-specificity component normalization.
 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(.skip-link) {
  position: fixed;
  top: 12px;
  left: 16px;
  z-index: calc(var(--z-tooltip) + 1);
  transform: translateY(-180%);
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: var(--color-action-primary);
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  transition: transform var(--duration-standard) var(--easing-standard);
}

:where(.skip-link:focus) {
  transform: translateY(0);
}

:where(.btn, .button) svg,
:where(.icon-button) svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}