/* Page-scoped styles for the /know "Exercise sheet" download button.
   Loaded directly by web/templates/know/topics.html — plain CSS, NOT part of the
   Tailwind bundle, so adding/editing it needs no Tailwind rebuild (mirrors
   20-simulate.css). The button's layout comes from Tailwind utilities in the
   markup; this only supplies the emerald accent that distinguishes it from the
   cyan Simulate button on the dark Know page. */

.ex-launch {
  border-color: rgba(52, 211, 153, 0.35);   /* emerald-400 */
  color: rgb(110, 231, 183);                 /* emerald-300 */
  background: rgba(16, 185, 129, 0.08);
}

.ex-launch:hover,
.ex-launch:focus-visible {
  border-color: rgba(52, 211, 153, 0.55);
  background: rgba(16, 185, 129, 0.16);
  color: rgb(167, 243, 208);                 /* emerald-200 */
  outline: none;
}

.ex-launch svg {
  opacity: 0.9;
}

/* ── Exercise walk-through decks (orange) ──────────────────────────────────────────
   These open the shared slides overlay (see slides.js), so they are launch buttons
   rather than downloads. Orange, matching their Library tab and separating them from
   the emerald exercise SHEET beside them and the indigo lesson deck above. */

.exslides-launch {
  border-color: rgba(251, 146, 60, 0.35);   /* orange-400 */
  color: rgb(253, 186, 116);                 /* orange-300 */
  background: rgba(249, 115, 22, 0.08);
  cursor: pointer;
}

.exslides-launch:hover,
.exslides-launch:focus-visible {
  border-color: rgba(251, 146, 60, 0.55);
  background: rgba(249, 115, 22, 0.16);
  color: rgb(254, 215, 170);                 /* orange-200 */
  outline: none;
}

.exslides-launch svg { opacity: 0.9; }