/* Копирование в один клик: подсказка на элементе и всплывающее подтверждение. */
.cf-copyable{cursor:copy;position:relative}
.cf-copyable:hover{text-decoration:underline;text-decoration-style:dotted;
  text-decoration-color:var(--lime600);text-underline-offset:3px}
.cf-copyable:focus-visible{outline:2px solid var(--lime600);outline-offset:2px;border-radius:6px}

.cf-copied{position:fixed;z-index:9999;transform:translate(-50%,-100%);
  background:var(--ink,#0c0c0e);color:var(--white,#fff);
  font-family:'Manrope',system-ui,sans-serif;font-size:12.5px;font-weight:700;
  padding:8px 12px;border-radius:9px;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .14s ease,transform .14s ease;
  box-shadow:0 10px 30px rgba(12,12,14,.28)}
.cf-copied.below{transform:translate(-50%,0)}
.cf-copied.on{opacity:1}
.cf-copied::before{content:'✓';margin-right:6px;color:var(--lime,#c8f048)}
:root[data-theme="dark"] .cf-copied{background:#f4f5f7;color:#0c0c0e}
:root[data-theme="dark"] .cf-copied::before{color:#5b8c1f}
@media (prefers-reduced-motion: reduce){.cf-copied{transition:none}}