.instrument-skip {
  position: fixed;
  z-index: 10000;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.65rem 0.9rem;
  color: #fff;
  background: #17130f;
  transform: translateY(-180%);
}

.instrument-skip:focus { transform: none; }

:focus-visible {
  outline: 3px solid #a94432 !important;
  outline-offset: 3px !important;
}

button,
[role="button"],
.mai-return,
.instrument-continuation a {
  min-width: 44px;
  min-height: 44px;
}

button,
[role="button"] {
  touch-action: manipulation;
}

.instrument-continuation {
  margin: 2rem 0 1rem;
  padding: 1.25rem;
  border: 1px solid currentColor;
  line-height: 1.5;
}

.instrument-continuation p { margin: 0.45rem 0; }

.instrument-continuation a {
  display: inline-flex;
  align-items: center;
  text-underline-offset: 0.18em;
}

@media (max-width: 600px) {
  html { overflow-x: hidden; }
  body { overflow-wrap: anywhere; }
  .page { width: min(100% - 24px, 100%) !important; }
  .running { gap: 0.75rem; flex-wrap: wrap; }
  .chips { grid-template-columns: 1fr !important; }
  button, [role="button"] { padding-block: 0.65rem; }
  svg { max-width: 100%; height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}