/* Every copy button on the site is a copy icon (two overlapping squares), a tick for a moment once copied. Its word
   stays in the button for screen readers, and its title is the tooltip; the icons are files, as the site's CSP asks. */
.term-cap button:not(.l-show) {
  display: inline-block; flex: 0 0 auto; width: 26px; height: 26px; padding: 0 !important; border: 0 !important;
  font-size: 0 !important; color: rgb(244 241 232 / 0.6); background: currentColor !important; cursor: pointer;
  -webkit-mask: url(/icons/copy.svg) center / 15px no-repeat; mask: url(/icons/copy.svg) center / 15px no-repeat;
}
.term-cap button:not(.l-show):hover { color: #F4F1E8; }
.term-cap button.copied { color: #6FD3A2; -webkit-mask-image: url(/icons/check.svg); mask-image: url(/icons/check.svg); }
.term-cap button:not(.l-show):focus-visible { outline: 1px solid #F4F1E8; outline-offset: 2px; }
/* On a phone the docs' copy button takes a thumb: a 44px target around the same icon, the caption's height unchanged. */
@media (max-width: 760px) {
  .s-docs .term-cap button:not(.l-show) { width: 44px; height: 44px; margin: -9px -15px -9px 0; }
}