/* The Miko wallpaper button is the public site's shared interaction style. */
:root {
  --interaction-glow: 0 0 0 1px #f4d075a0, 0 0 26px #e6ad495e;
}
:is(.card, button, .back-link, .text-link, .member-link) {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
:is(.back-link, .text-link) {
  display: inline-block;
  font: inherit;
  color: var(--gold);
  border-radius: 8px;
}
.back-link {
  font-size: 17px;
  padding: .65rem .9rem;
  border: 1px solid var(--border);
  text-decoration: none;
}
:is(button, .member-link) { border-radius: 8px; }
:is(.card, button:not(:disabled), .back-link, .text-link, .member-link):focus-visible {
  box-shadow: var(--interaction-glow);
  border-color: #f7dc8a;
}
@media (hover: hover) and (pointer: fine) {
  :is(.card, button:not(:disabled), .back-link, .text-link, .member-link):hover {
    transform: scale(1.018);
    box-shadow: var(--interaction-glow);
    border-color: #f7dc8a;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.card, button, .back-link, .text-link, .member-link) { transition: none; }
  :is(.card, button, .back-link, .text-link, .member-link):hover { transform: none; }
}