/* Сторінки статей книги (Похилевич 1864): перемикач «Переклад · Поруч · Оригінал», «Коротко», рамка в читанці. Зроблено з макета 30.10.2026. */
.tr-short { margin: 0 0 1.6em; padding: 14px 18px 6px; background: var(--surface); border-radius: var(--radius); }
.tr-short__title { margin: 0 0 6px; font: 600 var(--fs-ui)/1.4 var(--font-ui); color: var(--ink-3); text-transform: none; }
.tr-short .facts { border-bottom: 0; }
.tr-short .facts__row:last-child { border-bottom: 0; }
.tr-short__hub { margin: 6px 0 10px; font: 400 var(--fs-cap)/1.5 var(--font-ui); }
/* телефон: назва → «Коротко» → скан з кнопкою читанки → текст; факти в один рядок, щоб текст починався раніше */
@media (max-width: 719px) {
  .article .tr-short { order: 2; }
  .tr-short .facts__row { display: block; padding: 6px 0; }
  .tr-short .facts dt { display: inline; }
  .tr-short .facts dt::after { content: ': '; }
  .tr-short .facts dd { display: inline; }
}
.lead-figure .library-reader-entry { margin: 12px 0 0; }
.lead-figure .library-reader-entry .btn { margin: 0 12px 6px 0; }

.tr-switch { display: inline-flex; max-width: 100%; margin: 0 0 16px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); overflow: hidden; }
.tr-switch[hidden] { display: none; }
.tr-switch button { min-height: var(--touch); padding: 4px 12px; border: 0; background: var(--bg); color: var(--ink);
  font: 600 var(--fs-ui)/1.2 var(--font-ui); cursor: pointer; }
.tr-switch button + button { border-left: 1px solid var(--line-strong); }
.tr-switch button[aria-pressed="true"] { background: var(--accent); color: var(--on-accent); }
.tr-switch button:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }
.tr-switch button[aria-pressed="true"]:focus-visible { outline-color: var(--on-accent); outline-offset: -5px; }

.transcript[data-mode="tr"] .transcript__orig,
.transcript[data-mode="orig"] .transcript__tr,
.transcript[data-mode="tr"] .transcript__cols,
.transcript[data-mode="orig"] .transcript__cols { display: none; }
.transcript[data-mode="tr"] .transcript__label,
.transcript[data-mode="orig"] .transcript__label { display: none; }
.transcript[data-mode="tr"] .transcript__tr { margin: 0; padding: 0; border: 0; }
@media (min-width: 1100px) {
  .article--source .transcript[data-mode="tr"],
  .article--source .transcript[data-mode="orig"] { margin-right: 0; }
  .transcript[data-mode="tr"] .transcript__row,
  .transcript[data-mode="orig"] .transcript__row { display: block; }
}
.pager__note { display: block; font: 400 var(--fs-cap)/1.4 var(--font-ui); color: var(--ink-3); }

/* сторінка читанки: які статті цієї сторінки вже мають переклад */
.tr-links { margin: 0 0 14px; padding: 10px 14px; border: 1px solid var(--line); border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm); background: var(--bg); font: 400 var(--fs-ui)/1.5 var(--font-ui); }
.tr-links__title { margin: 0 0 4px; font-weight: 600; }
.tr-links ul { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; list-style: none; }
.tr-links a { display: inline-flex; align-items: center; min-height: var(--touch); font-weight: 600; }
.tr-links__note { margin: 2px 0 0; color: var(--ink-3); font-size: var(--fs-cap); }

.page-mark { margin: 10px 0 0; font: 400 var(--fs-cap)/1.4 var(--font-ui); color: var(--ink-3); text-align: center; }
.book-sub { font-weight: 600; text-align: center; }
.book-note { font-size: 0.95em; color: var(--ink-2, var(--ink)); }
.book-table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.book-table td { padding: 2px 6px; border-bottom: 1px solid var(--line); vertical-align: top; }
.book-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 1100px) { .article--source.book-article .transcript { margin-right: 0; } }