/* Rendered [code] block: copy button + highlight.js blend. */
.msg pre, .printable pre, .blog pre, pre.has-copy{position:relative}

.code-copy{position:absolute; top:6px; right:6px; width:26px; height:24px;
     display:inline-flex; align-items:center; justify-content:center;
     border:1px solid #cdd8ea; border-radius:3px; background:#fff; color:#5a7a99;
     cursor:pointer; font-size:12px; opacity:.45; transition:opacity .12s, background .12s}
.has-copy:hover .code-copy, .code-copy:focus{opacity:1}
.code-copy:hover{background:#eef5fb}
.code-copy.done{color:#2e9b3f; border-color:#9bd0a6}

/* let our pre box supply the background; hljs theme colours only the tokens */
pre code.hljs{background:transparent; padding:0}