/* Recorded KJV narration (kjvaudio.js): Settings › Bible audio, and the word being read in the reader. Light parchment by default, dark below. */
.kj-set { margin: .4rem 0 0; font-family: var(--sans); }
.kj-used { margin: .2rem 0 .5rem; font: 600 .92rem var(--sans); color: var(--ink); }
.kj-row { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin: .35rem 0; }
.kj-lab { display: inline-flex; align-items: center; gap: .45rem; flex-wrap: wrap; font: .92rem var(--sans); color: var(--ink); }
.kj-lab select { min-height: 44px; max-width: 100%; padding: 0 .5rem; font: .92rem var(--sans); color: var(--ink); background: var(--card); border: 1px solid var(--line); border-radius: 10px; }
.kj-btn { min-height: 44px; padding: 0 .9rem; font: 600 .92rem var(--sans); color: var(--accent); background: transparent; border: 1px solid var(--line); border-radius: 22px; cursor: pointer; }
.set-panel .kj-btn, .set-panel .kj-lab select { min-height: 44px; }
.kj-btn:disabled { opacity: .55; cursor: default; }
.kj-primary { color: #fff8ee; background: var(--accent); border-color: var(--accent); }
.kj-del { color: #9b2c1f; }
.kj-confirm { margin: .5rem 0; padding: .6rem .8rem; background: var(--card); border: 1px solid var(--line); border-radius: 12px; }
.kj-confirm p { margin: 0 0 .3rem; font: .92rem/1.45 var(--sans); color: var(--ink); }
.kj-confirm progress { display: block; width: 100%; height: 10px; margin: .3rem 0; accent-color: var(--accent); }
.kj-msg { margin: .3rem 0 0; font: .88rem var(--sans); color: var(--ink-soft); }
.kj-msg:empty { display: none; }
/* dark (cinematic) look */
html:not(.light) .kj-used, html:not(.light) .kj-lab, html:not(.light) .kj-confirm p { color: var(--cream); }
html:not(.light) .kj-btn { color: var(--gold2); border-color: rgba(217, 179, 106, .35); }
html:not(.light) .kj-primary { background: linear-gradient(180deg, #e6c47f, #c89d52); color: #1a130b; border-color: transparent; }
html:not(.light) .kj-del { color: #f0a08f; }
html:not(.light) .kj-lab select { background: rgba(0, 0, 0, .25); color: var(--cream); }
html:not(.light) .kj-confirm { background: var(--surface, #17120c); border-color: rgba(217, 179, 106, .28); }