/* Copy-to-clipboard button styles */
div.highlight {
  position: relative;
}

button.copybutton {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  padding: 0.3em 0.4em;
  background: var(--color-background-secondary, #f0f0f0);
  border: 1px solid var(--color-foreground-border, #ccc);
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s, background 0.15s;
  line-height: 1;
  color: var(--color-foreground-secondary, #555);
}

div.highlight:hover button.copybutton,
button.copybutton:focus {
  opacity: 1;
}

button.copybutton:hover {
  background: var(--color-background-hover, #e0e0e0);
}

button.copybutton.copied {
  color: var(--color-brand-primary, #2980b9);
  opacity: 1;
}

button.copybutton svg {
  display: block;
  pointer-events: none;
  fill: currentColor;
}