body.sia-editing [data-sia-editable],
body.sia-editing [data-sia-added],
body.sia-editing .sia-editor-leaf {
  cursor: text;
  outline: 1px dashed rgba(40, 164, 221, .65);
  outline-offset: 5px;
  border-radius: 2px;
  transition: outline-color .15s, background .15s;
}

body.sia-editing [data-sia-editable]:hover,
body.sia-editing [data-sia-added]:hover,
body.sia-editing .sia-editor-leaf:hover,
body.sia-editing .sia-editor-active {
  outline: 3px solid #28a4dd;
  background: rgba(139, 203, 232, .13);
}

body.sia-editing [contenteditable="true"]:focus { outline-color: #00417a; }

/* Blocks an editor added are marked with a green edge while editing. */
body.sia-editing [data-sia-added] { box-shadow: inset -4px 0 0 rgba(22, 112, 74, .55); }
body.sia-editing [data-sia-added]:empty::before,
body.sia-editing [data-sia-added] > br:only-child::before { content: "اكتبي هنا…"; color: #8a99a8; }

/* Cards and links in a repeating list. */
body.sia-editing [data-sia-list] { outline: 1px dotted rgba(0, 65, 122, .35); outline-offset: 8px; }
body.sia-editing .sia-editor-item { cursor: pointer; }
body.sia-editing .sia-editor-item.sia-editor-active { outline: 3px solid #16704a; outline-offset: 3px; background: rgba(22, 112, 74, .06); }

/* Hidden blocks stay visible (faded) while editing so they can be restored. */
[data-sia-removed][hidden] { display: none !important; }
body.sia-editing [data-sia-removed] { display: block !important; opacity: .35; text-decoration: line-through; }

body.sia-editing figure[data-sia-added] img { max-width: 100%; height: auto; }

#sia-editor-root { all: initial; position: relative; z-index: 2147483647; }