/* Если включен режим 'rows', ширина ячеек становится 100% */
html[data-view-mode="rows"] .rt td.c {
  width: 100% !important;
  display: block;
}

/* Опционально: немного отступов между блоками в режиме строк */
html[data-view-mode="rows"] .rt tr {
  display: block;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--border);
}

/* Чтобы Pāli-заголовок (seg) был виден в режиме строк */
html[data-view-mode="rows"] .seg {
  display: block;
  margin-bottom: 0.2rem;
}

/* Подсветка активного фрагмента */
.active-word {
    background-color: var(--toc-act, #e0d4b8) !important;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

/* Опорные контейнеры для кнопки Play */
td.c, td.l, .pli-lang, .eng-lang {
    position: relative !important;
}

/* Стили и позиционирование изолированной кнопки */
.fork-tts-btn {
    display: flex !important;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 50;
    background-color: var(--accent, #5c3d1e);
    color: var(--bg, #faf8f4);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    opacity: 0.9;
    transition: all 0.2s ease;
}

.fork-tts-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.tts-ignore {
    pointer-events: none;
}

/* Глобальная защита скролла для всего документа */
html, body {
    scroll-padding-top: 35vh !important;
}

html[data-view-mode="rows"] .rt td.c {
  width: 100% !important;
  display: block;
}

html[data-view-mode="rows"] .rt tr {
  display: block;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--border);
}

html[data-view-mode="rows"] .seg {
  display: block;
  margin-bottom: 0.2rem;
}

.active-word {
    background-color: var(--toc-act, #e0d4b8) !important;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

td.c, td.l, .pli-lang, .eng-lang {
    position: relative !important;
}

.fork-tts-btn {
    display: flex !important;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 50;
    background-color: var(--accent, #5c3d1e);
    color: var(--bg, #faf8f4);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    opacity: 0.9;
    transition: all 0.2s ease;
}

.fork-tts-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.tts-ignore {
    pointer-events: none;
}