/* Документ как в оригинале: строки стоят на своих местах листа (src/web/document.py,
   layout_html). Размеры заданы в долях листа, шрифт — в cqw от его ширины, поэтому лист
   целиком масштабируется под колонку панели и остаётся читаемым при любой ширине.
   Текст остаётся текстом: его можно выделить мышью, подсветка цитат работает. */
.sheet { margin: 0 0 1.1rem; }
.sheet-no {
  font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-3, #8a939c); margin: 0 0 0.3rem 0.15rem;
}
.sheet-page {
  container-type: inline-size;
  position: relative; width: 100%;
  background: var(--paper, #fff);
  border: 1px solid var(--line, #d9dfe5); border-radius: 3px;
  box-shadow: var(--shadow, 0 1px 3px rgba(20, 30, 40, 0.10));
  overflow: hidden;
  font-family: "Times New Roman", "Liberation Serif", "DejaVu Serif", serif;
  color: var(--ink, #14181c);
}
.sheet-page .ln {
  position: absolute; white-space: pre; line-height: 1;
  transform-origin: left top;           /* подгонка ширины (document.js) — только вправо от левого края */
}
.sheet-page .ln.b { font-weight: 700; }
.sheet-page .rule { position: absolute; background: var(--rule, #b9c2ca); }
.sheet-page .rule.h { height: 1px; }
.sheet-page .rule.v { width: 1px; }
.sheet-page mark {
  background: var(--mark, #ffe9a8); color: inherit; border-radius: 2px;
  box-shadow: 0 0 0 1px var(--mark-edge, #eccf7c);
}
.sheet-page mark.active { background: var(--mark-active, #ffd24a); box-shadow: 0 0 0 2px var(--mark-active, #ffd24a); }

/* переключатель вида и ссылка на исходный файл */
.doc-modes { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.7rem; font-size: 0.82rem; }
.doc-modes a {
  padding: 0.18rem 0.6rem; border: 1px solid var(--line, #d9dfe5); border-radius: 999px;
  color: var(--ink-2, #55606b); text-decoration: none; background: var(--surface, #fff);
}
.doc-modes a.on { background: var(--ink, #14181c); border-color: var(--ink, #14181c); color: #fff; }
.doc-modes .orig { margin-left: auto; }