/* ---------- edit affordances ---------- */
[contenteditable]{outline:none;border-radius:7px;transition:background .25s,box-shadow .25s}
body.editing [contenteditable]{background:var(--edit-bg);
  box-shadow:0 0 0 1px var(--edit-line);padding:6px 9px;margin:-6px -9px}
body.editing [contenteditable]:focus{box-shadow:0 0 0 1.5px var(--accent)}
#slider{display:none;margin:18px 0 4px}
body.editing #slider{display:block}
#slider input{width:100%;-webkit-appearance:none;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));outline:none}
#slider input::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;
  border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.35);cursor:grab}
.editrow{display:none;gap:8px;margin-top:22px;flex-wrap:wrap}
body.editing .editrow{display:flex}
.btn{font-family:'Source Sans 3',sans-serif;font-size:12.5px;font-weight:500;
  padding:8px 14px;border-radius:9px;border:.5px solid var(--chip-line);
  background:var(--chip);color:var(--tx-2);cursor:pointer;transition:background .25s}
.btn:hover{background:var(--hover);color:var(--tx)}
.btn.danger{color:var(--rival);border-color:var(--rival)}