/* 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;
}