html.bunker-positioned body { padding-left: 56px !important; }
#bunker-position-ruler {
  position: absolute; width: 30px; box-sizing: border-box; z-index: 2;
  pointer-events: none; user-select: none; color: #b9d8e8;
  font: 600 12px/20px system-ui, -apple-system, sans-serif;
  font-variant-numeric: tabular-nums;
}
#bunker-position-ruler::before {
  content: ''; position: absolute; top: 16px; bottom: 16px; right: 0;
  border-right: 1px solid #537082;
}
.bunker-position-mark {
  position: absolute; left: 0; width: 30px; height: 20px;
  padding-right: 7px; box-sizing: border-box; text-align: right;
  transform: translateY(-50%); background: #0b1720;
  pointer-events: auto; color: inherit; text-decoration: none;
  margin: 0; border: 0; border-radius: 0; font: inherit; line-height: 20px;
}
.bunker-position-mark::after {
  content: ''; position: absolute; right: 0; top: 9px; width: 5px;
  border-top: 1px solid #94bed2;
}
@media (max-width: 600px) {
  html.bunker-positioned body { padding-left: 48px !important; }
}

.bunker-position-mark[hidden] { display: none; }
.bunker-position-mark:focus-visible { outline: 2px solid #67e8f9; }
[data-page-position] { scroll-margin-top: 90px; }
#bunker-position-ruler { display: block; margin: 0; padding: 0; background: none; }
.bunker-position-mark { padding: 0 7px 0 0; }