/* Production companion stylesheet.
   The main page remains self-contained; this file adds repo-level polish. */
:root {
  --surface-glow: 0 24px 70px -42px rgba(37, 99, 235, 0.55);
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  overflow-x: hidden;
}

a {
  text-underline-offset: 3px;
}

.step-card {
  box-shadow: var(--surface-glow);
}

.copy-btn:active {
  transform: translateY(1px) scale(0.98);
}

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

@media print {
  body {
    background: white !important;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
  }
}