/* ---------- debug ID badges: only exist while ?debug / Shift+D is on (debug.js creates .dbg-layer). Same pill style as the starter kit site (musings v0.6.1). ---------- */
.dbg-layer{position:fixed;inset:0;z-index:2147483000;pointer-events:none;overflow:hidden}
.dbg-pill{position:absolute;left:0;top:0;pointer-events:auto;cursor:copy;margin:0;border:0;padding:0 5px;height:15px;border-radius:999px;text-transform:none;
  font:600 10px/15px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;white-space:nowrap;
  color:#fff;background:rgba(17,24,39,.82);box-shadow:0 0 0 1px rgba(255,255,255,.85),0 1px 3px rgba(0,0,0,.2);opacity:.9}
.dbg-pill:hover{opacity:1;background:#C2570A}
.dbg-pill--box{background:rgba(194,87,10,.92)}
.dbg-pill.is-copied{background:#2E7D5B;opacity:1}