/* * Copy-code toolbar — lives INSIDE the 
 as the first child, so
 * the pre's own background + radius + padding wrap the toolbar + the
 * code as one block. No seam, no cascade fight with per-surface `pre`
 * margin rules.
 *
 * The wrap itself has no background, no margin, and no padding (the
 * pre's padding gives the button breathing room from the code below).
 * It's just a flex line that right-aligns the button.
 *
 * Lives in this lib stylesheet (not in a page stylesheet) because
 * decorateCodeBlocks() runs on every surface that renders rendered
 * markdown — post body, comment body, course-lesson body — and the
 * styling has to be identical wherever it's mounted. Pulling the CSS
 * in via the lib's TS module guarantees they ship together.
 */

.copy-code-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  /* Negative top margin pulls the button up into the pre's top
     padding so the row above the code doesn't visibly take vertical
     space — the button overlays the empty top-right corner of the
     fence rather than pushing the code down. */
  margin-top: -0.25rem;
}

/* Framework button.css gives every