.pane-follow-control { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; font-weight: 400; flex-shrink: 0; }
.pane-follow-control.is-following .pane-follow-button { color: var(--accent, #1f7a8c); background: var(--bg, #f6f6fb); border-color: var(--border, #d9dfe7); opacity: 1; cursor: pointer; }
.pane-follow-control .pane-follow-button, .pane-play-button { width: auto; height: auto; padding: 5px 8px; font: inherit; border-radius: 6px; cursor: pointer; }
.pane-follow-control [hidden], .slide-play-options[hidden] { display: none !important; }
.pane-follow-home { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 6px 12px; }
.pane-follow-home:empty { display: none; }
.pane-play-hint { font-size: 11px; color: var(--muted, #596579); }
.language-controls { flex-wrap: wrap; }
.slide-play-options { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.bubble { z-index: 10000; max-width: min(360px, calc(100vw - 24px)); }
.bubble .pane-play-button { display: block; margin-bottom: 6px; }

.toc-item.is-current { border-left: 3px solid var(--accent, #1f7a8c); color: var(--accent, #1f7a8c); font-weight: 600; }

.is-playing-segment { background: color-mix(in srgb, var(--accent, #1f7a8c) 12%, transparent); border-radius: 2px; }