/* 샘플 전용: 성경기록 도장의 진갈색과 종이색. */
body.preview-parchment {
  --ts-page-glass: rgba(252, 250, 246, .94);
  --ts-panel: #f4f0e8; --ts-line: #e2dccf; --ts-line-soft: #eee9df; --ts-hover: #f2eee4;
  --ts-ink: #1f1c17; --ts-ink-strong: #1f1c17; --ts-ink-2: #6d675c; --ts-ink-3: #6d675c; --ts-sub: #6d675c;
  --ts-glow-1: transparent; --ts-glow-2: transparent;
  --ts-page: #fcfaf6;
  --ts-surface: #fcfaf6;
  --ts-surface-glass: rgba(252, 250, 246, .96);
  --verse-bg: #ffffff;
  --verse-alt-bg: #faf8f3;
  --ts-accent: #78604b; --ts-accent-2: #947961; --ts-accent-ink: #624833;
  --ts-accent-soft: #eee7dc; --ts-toggle-on: #78604b;
  --ts-ko: #947961; --ts-ko-soft: #eee7dc; --ts-ko-ink: #624833;
  --ts-en: #858374; --ts-en-soft: #eeeee7; --ts-en-ink: #5f6155;
  --ts-note-bg: #fffdfa; --ts-note-ink: #6d675c; --ts-note-border: #e2dccf;
  --ts-note-code-bg: #f7f4ee; --ts-note-code-ink: #51483d;
  --ts-badge-shadow: none; --pair-border-a: #a87952; --pair-border-b: #678579; --pair-border-c: #987574;
}
/* 블루도 동일한 레이아웃을 유지하며 색 토큰만 교체한다. */
body.preview-parchment[data-theme="blue"] {
  --ts-page: #f3f8fe; --ts-page-glass: rgba(243,248,254,.94);
  --ts-panel: #f7fbff; --ts-surface: #ffffff; --ts-surface-glass: rgba(255,255,255,.96);
  --ts-line: #dbe7f5; --ts-line-soft: #e8f0fa; --ts-hover: #f0f6fd;
  --ts-ink: #1b2a3d; --ts-ink-strong: #13243a; --ts-ink-2: #34506f; --ts-ink-3: #4d6582; --ts-sub: #6b8099;
  --ts-reading: #14233a; --reading-ink: #14233a; --preview-en-ink: #34506f;
  --ts-accent: #2b86d6; --ts-accent-2: #4a9fe8; --ts-accent-ink: #1567b3; --ts-accent-soft: #e3f1fd; --ts-toggle-on: #1d4f86;
  --ts-ko: #2b86d6; --ts-ko-soft: #e3f1fd; --ts-ko-ink: #125a9c;
  --ts-en: #7a7fdc; --ts-en-soft: #eeefff; --ts-en-ink: #3d4197;
  --verse-bg: #ffffff; --verse-alt-bg: #edf4fc; --verse-number-ink: #1b4a7e;
  --ts-note-bg: #f6f7f9; --ts-note-ink: #4a5260; --ts-note-border: #e3e7ee;
  --ts-note-code-bg: #eaecf0; --ts-note-code-ink: #363c46;
  --pair-border-a: #527ca8; --pair-border-b: #4e8b87; --pair-border-c: #8172ad;
}
body.preview-parchment.dark-mode {
  --ts-reading: #eee6d8; --reading-ink: #eee6d8; --preview-en-ink: #eee6d8;
  --ts-ink: #ebe6da; --ts-ink-strong: #f3ecdf; --ts-ink-2: #cec4b4; --ts-ink-3: #bfb5a5; --ts-sub: #b0a695;
  --ts-page: #25231f;
  --ts-page-glass: rgba(37, 35, 31, .94);
  --ts-panel: #2c2924;
  --ts-surface: #34312b;
  --ts-surface-glass: rgba(52, 49, 43, .94);
  --ts-line: #4c473e;
  --ts-line-soft: #403c34;
  --ts-hover: #403a31;
  --verse-bg: #34312b;
  --verse-alt-bg: #2b2823;
  --ts-accent: #ac9072; --ts-accent-2: #c1a689; --ts-accent-ink: #dcc6ac;
  --ts-accent-soft: #352e24; --ts-toggle-on: #66513c;
  --ts-ko: #ac9072; --ts-ko-soft: #352e24; --ts-ko-ink: #dcc6ac;
  --ts-en: #9b9e8a; --ts-en-soft: #2d3027; --ts-en-ink: #c8cab9;
  --ts-note-bg: #3a362f; --ts-note-ink: #c2b9a9; --ts-note-border: #504a40;
  --ts-note-code-bg: #464035; --ts-note-code-ink: #e2d8c7;
  --pair-border-a: #c5a176; --pair-border-b: #8fb39a; --pair-border-c: #b89bb0;
}
.preview-parchment .sidebar-brand { display: none; }
.preview-parchment .sidebar-chapters-pane .chap-info-card { display: none; }
.preview-parchment .sidebar-chapters-pane .chap-badge { margin-top: 0; }
.preview-parchment :is(.ts-nav, .ts-topbar, .six-header, .main-head, .six-desktop-toolbar, .sidebar-chapters-pane, .six-footer, .six-panel, .six-dialog, .ts-overlay-card) {
  background: var(--ts-surface); color: var(--ts-ink); border-color: var(--ts-line);
}
.preview-parchment :is(.section-badge, .chap-info-card, .six-testaments button, .count-tag) {
  background: var(--ts-hover); color: var(--ts-ink-2); border-color: var(--ts-line); box-shadow: none;
}
.preview-parchment :is(.book-grid, .chap-grid) button {
  background: var(--ts-surface); color: var(--ts-ink-2); border: 1px solid var(--ts-line); box-shadow: none;
}
.preview-parchment .book-grid button:is([data-book="8"], [data-book="9"], [data-book="45"], [data-book="46"], [data-book="59"], [data-book="60"]) { border: 2px solid var(--pair-border-a); }
.preview-parchment .book-grid button:is([data-book="10"], [data-book="11"], [data-book="51"], [data-book="52"], [data-book="61"], [data-book="62"], [data-book="63"]) { border: 2px solid var(--pair-border-b); }
.preview-parchment .book-grid button:is([data-book="12"], [data-book="13"], [data-book="53"], [data-book="54"]) { border: 2px solid var(--pair-border-c); }
.preview-parchment :is(.book-grid, .chap-grid) button:hover { background: var(--ts-hover); color: var(--ts-ink); border-color: var(--ts-accent-2); }
.preview-parchment:not(.dark-mode) .chap-grid button:nth-child(odd):not(.sel):not(:hover) { background: #ffffff; }
.preview-parchment.dark-mode .chap-grid button:not(.sel):not(:hover) { background: var(--ts-surface); }
.preview-parchment :is(.book-grid, .chap-grid) button.sel {
  background: #806b56 !important; color: #ffffff !important; border-color: #806b56 !important; box-shadow: none !important; font-weight: 700;
}
.preview-parchment.dark-mode :is(.book-grid, .chap-grid) button.sel { background: #9b8267 !important; color: #15140f !important; border-color: #9b8267 !important; }
.preview-parchment :is(.chap-info-card .book-name, .chapter-title) { color: var(--ts-ink-strong); }
.preview-parchment.dark-mode :is(.chapter-title, .verse-num) { color: var(--reading-ink) !important; }
.preview-parchment.dark-mode .sheet :is(.ko, .en, .ks),
.preview-parchment.dark-mode .sheet :is(.ko, .en, .ks) * { color: var(--reading-ink) !important; }
.preview-parchment :is(.note, .sheet .verse-body > .note) { background: var(--ts-note-bg); color: var(--ts-note-ink); border-color: var(--ts-note-border); }
.preview-parchment .note code { background: var(--ts-note-code-bg); color: var(--ts-note-code-ink); }
.preview-parchment :is(.ts-gear, .six-icon, .btn-theme, .ts-font-size, .ts-font-size button, .six-tool-btn, .six-ui-option, .six-edition-option) {
  background: var(--ts-surface); color: var(--ts-ink-2); border-color: var(--ts-line); box-shadow: none;
}
.preview-parchment :is(.ts-top-tab, .ts-top-tab-add, .ts-top-tabs-scroll) { color: var(--ts-ink-2); border-color: var(--ts-line); }
.preview-parchment .ts-top-tab[data-active="true"] { background: var(--ts-accent-soft); color: var(--ts-accent-ink); border-color: var(--ts-accent); }
.preview-parchment .ts-top-tab[data-active="true"] .ts-top-tab-no { color: var(--ts-accent-ink); }
.preview-parchment .ts-wordmark { font-family: var(--ksans); font-size: 18px; font-weight: 700; }
.preview-parchment .ts-home { padding: 0; border: 0; background: transparent; cursor: pointer; }
.preview-parchment .ts-home:focus-visible { outline: 2px solid var(--ts-accent); outline-offset: 4px; border-radius: 3px; }
.preview-parchment .ts-nav-wordmark { display: none; color: var(--ts-ink-strong); font: 700 16px var(--ksans); white-space: nowrap; }
.preview-parchment .ts-site[data-nav-open="true"] .ts-nav-top { justify-content: space-between; gap: 8px; }
.preview-parchment .ts-site[data-nav-open="true"] .ts-nav-wordmark { display: block; }
.preview-parchment .ts-site[data-nav-open="true"] .ts-nav-badge { display: none; }
.preview-parchment .ts-badge { box-shadow: none; }
.preview-parchment .ts-badge.ts-nav-badge, .preview-parchment .ts-badge.ts-topbar-badge, .preview-parchment.dark-mode .ts-badge.ts-nav-badge, .preview-parchment.dark-mode .ts-badge.ts-topbar-badge { background: transparent !important; border: 0 !important; border-radius: 0; padding: 0; box-shadow: none; }
.preview-parchment .ts-badge img { width: 30px; height: 30px; object-fit: contain; }
@media (min-width: 768px) {
  .preview-parchment .sidebar-books-pane > .ot-badge { margin-top: 0; }
  .preview-parchment .ts-content .content { padding-top: 14px; }
  .preview-parchment .ts-content .chapter-header { margin-top: 0; }
  .preview-parchment .ts-content .chapter-title { line-height: 32px; }
}
.preview-parchment .ts-badge img, .preview-parchment .ts-header-badge { box-shadow: none; }
.preview-parchment .ts-badge,
.preview-parchment.dark-mode .ts-badge { background: #ffffff !important; border-color: #d5d5d5; }
.preview-parchment img[src$="icon-black.svg"] { background: #ffffff; border-radius: 50%; }
.preview-parchment.dark-mode .ts-badge { background: #3c3831 !important; border-color: #625b4f; }
.preview-parchment.dark-mode img[src$="icon-black.svg"] {
  content: url("icon-dark.svg");
  background: #3c3831;
  filter: none;
}
.preview-parchment:not(.dark-mode) :is(.ts-topbar, .six-header, .ts-nav, .ts-nav-top, .sidebar-chapters-pane, .main-head, .six-desktop-toolbar) {
  background: #ffffff;
}
.preview-parchment:not(.dark-mode) :is(.ts-badge, .ts-nav-collapse, .ts-gear, .six-icon, .chap-grid button:not(.sel)) {
  background: #ffffff;
}
.preview-parchment:not(.dark-mode) .sidebar-books-pane { background: #f4f0e8; }
.preview-parchment:not(.dark-mode) :is(.chap-info-card, .chap-badge) { background: #f7f5f0; }
.preview-parchment:not(.dark-mode) .ts-topbar { border-bottom-color: #e8e3da; }
.preview-parchment.dark-mode :is(.ts-topbar, .six-header, .ts-nav-top) { background: #3c3831; }
.preview-parchment.dark-mode .ts-nav { background: #302d28; }
.preview-parchment.dark-mode .sidebar-books-pane { background: #292621; }
.preview-parchment.dark-mode .sidebar-chapters-pane { background: #302d27; }
.preview-parchment.dark-mode { --chat-me-bg: #756047; --chat-me-ink: #fff4e3; }
.preview-parchment .chat-mobile-header { background: #ffffff; color: var(--ts-ink); border-color: var(--ts-line); }
.preview-parchment.dark-mode .chat-mobile-header { background: #3c3831; }
.preview-parchment.dark-mode {
  --six-control-bg: #403a31;
  --six-accent: var(--ts-accent-ink);
  --six-soft: var(--ts-accent-soft);
}
.preview-parchment.dark-mode :is(.searchrow input, .searchrow select, .highlight-control, .ts-font-size, .ts-font-size button, .btn-theme, .toggle-bar button, .navrow button) {
  background: #403a31;
  color: #ebe6da;
  border-color: #625646;
}
.preview-parchment.dark-mode .searchrow input::placeholder { color: #c0b6a6; }
.preview-parchment.dark-mode :is(.ts-font-size button, .btn-theme, .toggle-bar button, .navrow button):hover {
  background: #514737;
  color: #fff4e3;
}
.preview-parchment.dark-mode .toggle-bar button.on {
  background: #756047;
  color: #fff4e3;
  border-color: #aa8e6b;
}
.preview-parchment.dark-mode .highlight-control input { accent-color: #c1a689; }
.preview-parchment.dark-mode .highlight-control input:focus-visible { outline-color: #c1a689; }
.preview-parchment.dark-mode .searchrow button { background: #9b8267; color: #17140f; border-color: #9b8267; }
.preview-parchment .ts-font-size {
  background: var(--ts-hover) !important;
  border-color: var(--ts-line) !important;
  color: var(--ts-ink-2) !important;
}
.preview-parchment .ts-font-size button {
  background: var(--ts-surface) !important;
  color: var(--ts-ink) !important;
  border-color: var(--ts-line) !important;
  box-shadow: none !important;
}
.preview-parchment .ts-font-size button:hover:not(:disabled) {
  background: var(--ts-accent-soft) !important;
  border-color: var(--ts-accent-2) !important;
}
.preview-parchment .ts-font-size output { color: var(--ts-ink) !important; }
.preview-parchment.dark-mode .main-head :is(.btn-view-toggle, .btn-theme, .toggle-bar button),
.preview-parchment.dark-mode #sixSettings :is(.btn-view-toggle, .btn-theme, .toggle-bar button) {
  background: #403a31 !important;
  color: #e5dccd !important;
  border-color: #625646 !important;
  box-shadow: none !important;
}
.preview-parchment.dark-mode :is(.main-head, #sixSettings) .toggle-bar button.on,
.preview-parchment.dark-mode :is(.main-head, #sixSettings) .btn-view-toggle.active {
  background: #66543f !important;
  color: #fff1dc !important;
  border-color: #947b5d !important;
}
.preview-parchment.dark-mode :is(.main-head, #sixSettings) :is(.btn-view-toggle, .btn-theme, .toggle-bar button):hover {
  background: #514737 !important;
}
.preview-parchment .ts-acc-caret { display: none; }
.preview-parchment .sidebar-books-pane :is(.ot-badge, .nt-badge) {
  background: #ded4c4;
  color: #493726;
  border: 1px solid #c6b69f;
  font-weight: 800;
}
.preview-parchment .sidebar-books-pane :is(.ot-badge, .nt-badge) .count-tag { background: transparent; color: inherit; }
.preview-parchment.dark-mode .sidebar-books-pane :is(.ot-badge, .nt-badge) {
  background: #514738;
  color: #f1e5d2;
  border-color: #75634d;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .preview-parchment .ts-content .sidebar { overflow-y: auto; min-height: 0; }
  .preview-parchment .sidebar-books-pane,
  .preview-parchment .sidebar-chapters-pane { height: auto; flex-shrink: 0; overflow: visible; }
}
@media (max-width: 767px) {
  .preview-parchment .six-testaments { display: none; }
  .preview-parchment .sidebar-books-pane .ts-testament-head { display: flex !important; }
  .preview-parchment .sidebar-books-pane #otGrid,
  .preview-parchment .sidebar-books-pane #ntGrid { display: grid !important; }
}
@media (max-width: 767px) {
  .preview-parchment .six-header h1 { font-size: 16px; }
  .preview-parchment .six-brand-home { color: var(--ts-ink-strong); }
}
.preview-parchment[data-theme="blue"] .sidebar-books-pane { background: var(--ts-panel); }
.preview-parchment[data-theme="blue"] :is(.chap-info-card, .chap-badge) { background: var(--ts-hover); }
.preview-parchment[data-theme="blue"] .sidebar-books-pane :is(.ot-badge, .nt-badge) { background: #e8f1fc; color: #34506f; border-color: #cddff3; }
.preview-parchment[data-theme="blue"] :is(.book-grid, .chap-grid) button.sel { background: #2b86d6 !important; color: #fff !important; border-color: #2b86d6 !important; }

/* The explanation toggle lives outside .toggle-bar now; retain the theme's button states. */
.preview-parchment :is(.main-head, #sixSettings) .right-btns > button[data-c="hidenote"] {
  background: var(--ts-surface) !important;
  color: var(--ts-ink) !important;
  border-color: var(--ts-line) !important;
  box-shadow: none !important;
}
.preview-parchment :is(.main-head, #sixSettings) .right-btns > button[data-c="hidenote"].on {
  background: var(--ts-accent-soft) !important;
  color: var(--ts-accent-ink) !important;
  border-color: var(--ts-accent-2) !important;
  box-shadow: inset 0 0 0 1px var(--ts-accent-2) !important;
}
.preview-parchment.dark-mode :is(.main-head, #sixSettings) :is(.highlight-control > button[data-c="hl"], .right-btns > button[data-c="hidenote"], .six-type-control > button[data-c="marks"]) {
  background: #403a31 !important;
  color: #cec4b4 !important;
  border-color: #625646 !important;
  box-shadow: none !important;
}
.preview-parchment.dark-mode :is(.main-head, #sixSettings) :is(.highlight-control > button[data-c="hl"].on, .right-btns > button[data-c="hidenote"].on, .six-type-control > button[data-c="marks"].on) {
  background: #66543f !important;
  color: #fff1dc !important;
  border-color: #947b5d !important;
  box-shadow: inset 0 0 0 1px #947b5d !important;
}


/* Mobile book chooser: compact rows and a single testament divider. */
@media (max-width: 767px) {
  .preview-parchment .sidebar-books-pane { padding-top: 0 !important; }
  .preview-parchment .sidebar-books-pane > .ot-badge,
  .preview-parchment .sidebar-books-pane > .nt-badge { display: none !important; }
  .preview-parchment .six-testament-ribbon { position: relative; display: block; box-sizing: border-box; height: 18px; margin: 0 -14px; border: 0; color: #5d4a38; overflow: hidden; }
  .preview-parchment .six-testament-ribbon svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  .preview-parchment .six-ribbon-old-fill { fill: #ebe5da; }
  .preview-parchment .six-ribbon-new-fill { fill: #f4f0e8; }
  .preview-parchment .six-ribbon-wave { fill: none; stroke: #d5c8b5; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
  .preview-parchment .six-ribbon-rule { fill: none; stroke: #d5c8b5; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
  .preview-parchment .six-ribbon-old-label, .preview-parchment .six-ribbon-new-label { position: absolute; z-index: 1; font: 800 14px/1 var(--ksans); }
  .preview-parchment .six-ribbon-old-label { top: 50%; left: 33%; transform: translate(-50%, -50%); }
  .preview-parchment .six-ribbon-new-label { top: 50%; left: 67%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
  .preview-parchment .six-ribbon-old-label b, .preview-parchment .six-ribbon-new-label b { margin-left: 5px; font-size: 13px; font-weight: 700; opacity: .8; }
  .preview-parchment .sidebar-books-pane #otGrid, .preview-parchment .sidebar-books-pane #ntGrid { box-sizing: border-box; gap: 4px 5px !important; padding: 5px 14px 7px; margin: 0 -14px; background: #ebe5da; }
  .preview-parchment .sidebar-books-pane #ntGrid { background: #f4f0e8; }
  .preview-parchment .sidebar-books-pane .book-grid button { box-sizing: border-box; height: 32px !important; min-height: 32px !important; padding: 0 1px !important; border-radius: 8px; line-height: 1.05; }
  .preview-parchment.dark-mode .six-testament-ribbon { color: #e8ddcb; }
  .preview-parchment.dark-mode .six-ribbon-old-fill { fill: #343029; }
  .preview-parchment.dark-mode .six-ribbon-new-fill { fill: #2d2a24; }
  .preview-parchment.dark-mode .six-ribbon-wave,
  .preview-parchment.dark-mode .six-ribbon-rule { stroke: #51483d; }
  .preview-parchment.dark-mode .sidebar-books-pane #otGrid { background: #343029; }
  .preview-parchment.dark-mode .sidebar-books-pane #ntGrid { background: #2d2a24; }
  .preview-parchment[data-theme="blue"] .six-testament-ribbon { color: #34506f; }
  .preview-parchment[data-theme="blue"] .six-ribbon-old-fill { fill: #eaf2fb; }
  .preview-parchment[data-theme="blue"] .six-ribbon-new-fill { fill: #f3f7fc; }
  .preview-parchment[data-theme="blue"] .six-ribbon-wave,
  .preview-parchment[data-theme="blue"] .six-ribbon-rule { stroke: #d0e1f3; }
  .preview-parchment[data-theme="blue"] .sidebar-books-pane #otGrid { background: #eaf2fb; }
  .preview-parchment[data-theme="blue"] .sidebar-books-pane #ntGrid { background: #f3f7fc; }
  body[data-six-screen="select"] .six-copy-trigger { display: none !important; }
  body[data-six-screen="read"] .six-copy-trigger { display: grid; }
}
@keyframes six-copy-attention {
  0%, 100% { opacity: 1; background: color-mix(in srgb, var(--ts-accent-2) 17%, var(--ts-surface)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ts-accent-2) 12%, transparent); }
  50% { opacity: .88; background: color-mix(in srgb, var(--ts-accent-2) 29%, var(--ts-surface)); box-shadow: 0 0 0 5px color-mix(in srgb, var(--ts-accent-2) 22%, transparent); }
}
.six-copy-trigger:is(.is-ready, .is-active) { color: var(--ts-accent-ink) !important; background: color-mix(in srgb, var(--ts-accent-2) 22%, var(--ts-surface)) !important; border-color: var(--ts-accent-2) !important; animation: six-copy-attention 1.15s ease-in-out infinite; }
@keyframes six-copy-selection-pulse {
  0%, 100% { background: color-mix(in srgb, var(--ts-accent-2) 13%, var(--ts-surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ts-accent-2) 48%, transparent); }
  50% { background: color-mix(in srgb, var(--ts-accent-2) 22%, var(--ts-surface)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ts-accent-2) 68%, transparent); }
}
.verse.six-copy-selected { animation: six-copy-selection-pulse 1.5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .six-copy-trigger:is(.is-ready, .is-active) { animation: none; outline: 2px solid var(--ts-accent-2); outline-offset: 2px; }
  .verse.six-copy-selected { animation: none; background: color-mix(in srgb, var(--ts-accent-2) 18%, var(--ts-surface)); box-shadow: inset 0 0 0 2px var(--ts-accent-2); }
}

/* Copy guidance stays in document flow so it never covers the first verse. */
.six-copy-prompt { position: sticky; top: 0; z-index: 30; margin: 0 0 8px; padding: 9px 12px; border: 1px solid var(--ts-line); border-radius: 9px; box-shadow: none; }
.preview-parchment.dark-mode :is(.ts-nav-badge, .ts-topbar-badge) img[src="/app-ts-kjv1611.png"],
.preview-parchment.dark-mode img.ts-header-badge[src="/app-ts-kjv1611.png"] { filter: invert(1); }

body.preview-parchment.dark-mode .main-head .highlight-control > button[data-c="hl"],
body.preview-parchment.dark-mode .main-head .right-btns > button[data-c="hidenote"],
body.preview-parchment.dark-mode .main-head .six-type-control > button[data-c="marks"] {
  background:#403a31 !important; color:#cec4b4 !important; border-color:#625646 !important; box-shadow:none !important;
}
body.preview-parchment.dark-mode .main-head .highlight-control > button[data-c="hl"].on,
body.preview-parchment.dark-mode .main-head .right-btns > button[data-c="hidenote"].on,
body.preview-parchment.dark-mode .main-head .six-type-control > button[data-c="marks"].on {
  background:#66543f !important; color:#fff1dc !important; border-color:#947b5d !important; box-shadow:inset 0 0 0 1px #947b5d !important;
}

/* Keep the comparison-color switch visibly selected in every theme. */
.preview-parchment #sixSettings .highlight-control > button[data-c="hl"] {
  background: var(--ts-surface) !important;
  color: var(--ts-ink) !important;
  border-color: var(--ts-line) !important;
  box-shadow: none !important;
}
.preview-parchment #sixSettings .highlight-control > button[data-c="hl"].on {
  background: var(--ts-accent-soft) !important;
  color: var(--ts-accent-ink) !important;
  border-color: var(--ts-accent-2) !important;
  box-shadow: inset 0 0 0 1px var(--ts-accent-2) !important;
}
.preview-parchment.dark-mode #sixSettings .highlight-control > button[data-c="hl"] {
  background: #403a31 !important;
  color: #cec4b4 !important;
  border-color: #625646 !important;
}
.preview-parchment.dark-mode #sixSettings .highlight-control > button[data-c="hl"].on {
  background: #66543f !important;
  color: #fff1dc !important;
  border-color: #947b5d !important;
  box-shadow: inset 0 0 0 1px #947b5d !important;
}
@media (max-width: 767px) {
  .six-header .six-copy-trigger:disabled,
  body.six-copy-mode .six-header #sixSettingsTrigger:disabled {
    opacity: .42 !important;
    filter: grayscale(.65);
    cursor: not-allowed !important;
    pointer-events: none !important;
  }
}

body.preview-parchment.dark-mode #sixDesktopSettings .highlight-control > button[data-c="hl"],
body.preview-parchment.dark-mode #sixDesktopSettings .right-btns > button[data-c="hidenote"],
body.preview-parchment.dark-mode #sixDesktopSettings .six-type-control > button[data-c="marks"],
body.preview-parchment.dark-mode #sixSettings .highlight-control > button[data-c="hl"],
body.preview-parchment.dark-mode #sixSettings .right-btns > button[data-c="hidenote"],
body.preview-parchment.dark-mode #sixSettings .six-type-control > button[data-c="marks"] {
  background:#403a31 !important; color:#cec4b4 !important; border-color:#625646 !important; box-shadow:none !important;
}
body.preview-parchment.dark-mode #sixDesktopSettings .highlight-control > button[data-c="hl"].on,
body.preview-parchment.dark-mode #sixDesktopSettings .right-btns > button[data-c="hidenote"].on,
body.preview-parchment.dark-mode #sixDesktopSettings .six-type-control > button[data-c="marks"].on,
body.preview-parchment.dark-mode #sixSettings .highlight-control > button[data-c="hl"].on,
body.preview-parchment.dark-mode #sixSettings .right-btns > button[data-c="hidenote"].on,
body.preview-parchment.dark-mode #sixSettings .six-type-control > button[data-c="marks"].on {
  background:#66543f !important; color:#fff1dc !important; border-color:#947b5d !important; box-shadow:inset 0 0 0 1px #947b5d !important;
}

/* Align chapter choices with the mobile book chooser. */
@media (max-width: 767px) {
  .preview-parchment .sidebar-books-pane #otGrid,
  .preview-parchment .sidebar-books-pane #ntGrid {
    padding: 16px 14px 12px;
    gap: 5px !important;
  }
  .preview-parchment .sidebar-books-pane #otGrid { padding-bottom: 6px; }
  .preview-parchment .sidebar-books-pane #ntGrid { padding-top: 8px; }
  .preview-parchment .sidebar-books-pane .book-grid button {
    height: 34px !important;
    min-height: 34px !important;
  }
  .preview-parchment .six-mobile-picker .six-chapter-picker-grid {
    box-sizing: border-box;
    margin: 0;
    padding: 16px 14px 12px;
    gap: 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    scrollbar-width: none;
  }
  .preview-parchment .six-mobile-picker .six-chapter-picker-grid::-webkit-scrollbar { display: none; }
  .preview-parchment .six-mobile-picker .six-chapter-picker-grid button {
    box-sizing: border-box;
    height: 34px;
    min-height: 34px;
    padding: 0 1px;
    border-radius: 8px;
    line-height: 1.05;
  }
}
@media (max-width: 767px) {
  .preview-parchment .six-testament-ribbon > button {
    border: 0;
    border-radius: 5px;
    padding: 2px 10px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    white-space: nowrap;
  }
  .preview-parchment .six-testament-ribbon > button:focus-visible {
    outline: 2px solid var(--ts-accent-2);
    outline-offset: -2px;
  }
}