/* Screen-only furniture, outside the editable/serialized page tree. */
#document-ruler {
  --ruler-paper: #fbfdff;
  --ruler-margin: #e4eaf0;
  position: fixed; z-index: 25; pointer-events: none; overflow: hidden;
  color: #677889; font: 10px/1.2 system-ui, sans-serif;
  contain: layout style paint;
}
#document-ruler[hidden], #document-ruler [hidden] { display: none !important; }
.ruler-horizontal, .ruler-vertical { position: absolute; background: #f1f4f7; box-sizing: content-box; }
.ruler-horizontal { left: 0; top: 0; width: 100%; height: 26px; border-bottom: 1px solid #dce3ea; }
.ruler-vertical { left: 0; top: 0; width: 26px; height: 100%; border-right: 1px solid #dce3ea; }
.ruler-corner { position: absolute; left: 0; top: 0; width: 26px; height: 26px; display: grid; place-items: center; background: #eef3f7; color: #6b7a8b; border: 1px solid #dce3ea; box-sizing: border-box; }
#document-ruler .ruler-handle {
  appearance: none; position: absolute; pointer-events: auto; touch-action: none;
  padding: 0; margin: 0; border: 0; border-radius: 2px; background: #0c839e;
  width: 14px; height: 8px; transform: translateX(-50%); cursor: ew-resize;
  color: #0c839e; outline-offset: 3px;
}
#document-ruler .ruler-handle:hover, #document-ruler .ruler-handle:focus-visible { filter: brightness(.8); outline: 2px solid #94c8e0; }
#document-ruler .ruler-handle:disabled { background: #93a2b0; cursor: default; }
#document-ruler [data-ruler-handle="first"] { top: 6px; clip-path: polygon(0 0,100% 0,50% 100%); border-radius: 0; }
#document-ruler [data-ruler-handle="hanging"], #document-ruler [data-ruler-handle="right"] { top: 14px; clip-path: polygon(50% 0,100% 100%,0 100%); border-radius: 0; }
#document-ruler [data-ruler-handle="left"] { top: 23px; height: 4px; }
#document-ruler [data-ruler-handle^="margin-"] { background: #74899e; top: 0; height: 5px; width: 14px; }
#document-ruler [data-ruler-handle="margin-top"], #document-ruler [data-ruler-handle="margin-bottom"] { left: 0; top: auto; width: 5px; height: 14px; transform: translateY(-50%); cursor: ns-resize; }
.ruler-guide { position: absolute; border-left: 1px dashed #079bb4; }
.ruler-guide[data-axis="y"] { border-left: 0; border-top: 1px dashed #079bb4; }
.ruler-value { position: absolute; white-space: nowrap; padding: 7px 10px; border: 1px solid #d8e5ed; border-radius: 7px; background: #f9fcff; box-shadow: 0 3px 12px #17364b18; color: #234f65; font-size: 12px; font-variant-numeric: tabular-nums; }
.ruler-dragging { user-select: none; }
#btn-ruler[aria-pressed="true"] { color: #087e96; background: #dcf0f6; }
body.flow-mode #document-ruler, body.udoc-html-immersive #document-ruler, body.presenting #document-ruler, body.udoc-omni-reading #document-ruler { display: none !important; }
@media print { #document-ruler { display: none !important; } }