/* copy.css — the COPY button copy.js injects into code windows.
 * Tokens are the ones both sites already define (--silver-lo, --silver, --ink,
 * --line, --gold, --mono); the fallbacks only matter if a page lacks them. */
.cp-btn{appearance:none;flex:none;cursor:pointer;margin-left:auto;
        height:22px;padding:0 9px;border:1px solid var(--line,rgba(255,255,255,.11));
        border-radius:6px;background:transparent;color:var(--silver-lo,#7E8490);
        font:500 10px/1 var(--mono,ui-monospace,Menlo,monospace);
        letter-spacing:.12em;text-transform:uppercase;
        transition:color .16s,border-color .16s,background .16s}
/* a spacer already pushes the language tag right; the button follows it */
.sp ~ .cp-btn{margin-left:0}
.cp-btn:hover{color:var(--ink,#fff);background:rgba(255,255,255,.07)}
.cp-btn:focus-visible{outline:2px solid var(--silver,#C8CCD4);outline-offset:2px;
        color:var(--ink,#fff)}
.cp-btn[data-copied]{color:var(--gold,#E8B54B);border-color:rgba(232,181,75,.45)}
/* no header bar: top-right inside the window, clear of the first line */
.cp-float{position:absolute;top:8px;right:8px;z-index:1}
.term:has(> .cp-float),.qs-term:has(> .cp-float){position:relative}
.term:has(> .cp-float) pre,.qs-term:has(> .cp-float) pre{padding-top:38px}
/* a long filename in the bar truncates instead of pushing the button off */
.bar2 b,.qs-bar b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
