.ce-box{position:absolute;pointer-events:none;z-index:2147483000;border-radius:4px;transition:top .08s,left .08s,width .08s,height .08s}
.ce-hover{outline:2px dashed #1f5fbf;outline-offset:0;background:rgba(31,95,191,.06)}
.ce-picked{outline:2px solid #1f5fbf;background:rgba(31,95,191,.1);box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.ce-tag{position:absolute;top:-1.45rem;left:0;background:#1f5fbf;color:#fff;font:600 11px/1.6 system-ui,sans-serif;padding:0 .5rem;border-radius:3px;white-space:nowrap}
.ce-hover .ce-tag{opacity:.85}
html[data-ce-on] [data-ce]{cursor:pointer}
html[data-ce-mode=browse] [data-ce]{cursor:auto}
/* A whole section, hinted more softly than a field — it is the thing BEHIND
   what the pointer is over, so it should not compete with it. */
.ce-hover-section{outline-style:solid;outline-color:#9dbbe4;background:rgba(31,95,191,.03)}
.ce-section{outline:2px solid #1f5fbf;background:rgba(31,95,191,.05)}
/*
 * There is deliberately NO mark on edited elements.
 *
 * An earlier version put a gold rule in the margin beside anything changed and
 * not yet published. It was accurate and it was wrong: the point of editing on
 * the live site is that the client stands back, looks at the page as their
 * members will see it, and decides whether it looks right. Anything the editor
 * paints on top of the page is in the way of that judgement. What is waiting
 * to publish belongs in the toolbar, which is where it now says so.
 */