/* Stage 5: semantic control and keyboard focus polish. */

.back-btn {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  font: inherit;
  line-height: 1;
}

.back-btn:focus-visible {
  outline: 2px solid var(--accent2);
  outline-offset: 3px;
  border-color: rgba(14,165,233,0.72);
}

@media (prefers-reduced-motion: reduce) {
  .back-btn {
    transition: none;
  }
}