/* ── gutter ──
 * The vim-style line-number gutter.
 * Linked from index.html in cascade order — the order is load-bearing. */

/* ── Line-number gutter (vim style) ────────────────────────────────────────
   Numbers live inside each block so they inherit its font and line-height and
   stay aligned; the tail fills the rest of the viewport with tildes. */
.blk-lines {
  /* top:0 now lands on the first line because .block-content no longer has vertical
     padding. font-size stays small for legibility, but the row height is locked to
     the content's computed line box — at 13px/1.6 the numbers drifted 1.6px per line
     against 14px/1.6 text, so by line 20 they were a full row out (issue #30). */
  position: absolute; left: -46px; top: 0; width: 34px;
  display: flex; flex-direction: column; align-items: flex-end;
  color: var(--fg-faint); font-size: 12.5px; text-align: right;
  line-height: calc(var(--font-size) * var(--line-height));
  user-select: none; pointer-events: none;
  font-variant-numeric: tabular-nums;
}
.blk-lines span { line-height: inherit; height: calc(var(--font-size) * var(--line-height)); }
.block.active .blk-lines span:first-child { color: var(--accent); }