/* JW Quest V36.54 — restrained navigation and reading improvements */
/* Selected icon adopts the same warm character accent and fills its grid, regardless of section. */
.bottomnav.jwq-unified-bottomnav .navitem.active{color:var(--jwq-character-accent,var(--accent,#557e9a))!important;font-weight:850!important}
.bottomnav.jwq-unified-bottomnav .navitem.active>b{color:inherit!important;border-radius:11px;background:color-mix(in srgb,var(--jwq-character-tone,#8faac0) 24%,transparent)!important;box-shadow:0 2px 7px color-mix(in srgb,var(--jwq-character-tone,#8faac0) 16%,transparent);}
.bottomnav.jwq-unified-bottomnav .navitem.active b svg{stroke:currentColor!important;stroke-width:2.5!important;color:inherit!important}
.bottomnav.jwq-unified-bottomnav .navitem.active>span:not(.jwq-nav-online){color:inherit!important;font-weight:900!important}
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem.active,html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem.active>b{color:color-mix(in srgb,var(--jwq-character-tone,#aac6dd) 75%,white)!important}
/* Comments with alternating quiet colored layers from the current avatar palette */
.cm-answer{--cm-tone-base:var(--jwq-character-tone,#90acba)}
.cm-answer-tone-0{--cm-tone-base:var(--jwq-character-tone,#94a6bf)}
.cm-answer-tone-1{--cm-tone-base:#cc9ba8}
.cm-answer-tone-2{--cm-tone-base:#8daea5}
.cm-answer-tone-3{--cm-tone-base:#baa0ca}
.cm-answer-tone-4{--cm-tone-base:#d1b28a}
.cm-answer-tone-5{--cm-tone-base:#87abc7}
.cm-answer[class*="cm-answer-tone-"]{background:color-mix(in srgb,var(--cm-tone-base) 13%,var(--cm-surface,#fff))!important;border-color:color-mix(in srgb,var(--cm-tone-base) 42%,var(--cm-border,#ddd))!important;border-left:3px solid color-mix(in srgb,var(--cm-tone-base) 72%,var(--cm-border,#ddd))!important}
html[data-jwq-effective-theme="dark"] .cm-answer[class*="cm-answer-tone-"]{background:color-mix(in srgb,var(--cm-tone-base) 18%,var(--cm-surface,#14202b))!important}
.cm-q-count .cm-approved-count{display:inline-block!important;background:color-mix(in srgb,var(--jwq-character-tone,#95b4b4) 19%,var(--cm-surface,#fff));padding:5px 9px;border:1px solid color-mix(in srgb,var(--jwq-character-tone,#95b4b4) 50%,transparent);border-radius:10px;font-weight:900!important;color:var(--cm-text)!important;white-space:nowrap}
.cm-answer.mine .cm-answer-actions{justify-content:flex-start!important;align-items:center!important}
.cm-encourage-count{order:-5;margin-left:0!important;margin-right:auto!important;display:inline-flex;align-items:center;gap:4px;font-size:12px!important;font-weight:850!important;color:var(--jwq-character-accent,var(--cm-accent))!important;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--jwq-character-tone,#a1abb9) 16%,transparent)}
.cm-name-row input[readonly]{background:color-mix(in srgb,var(--cm-surface,#fff) 94%,var(--cm-accent,#9aa) 6%)!important;opacity:.88;cursor:default}
.cm-name-row #cmNameSave{min-width:72px;white-space:nowrap;font-weight:800}
/* Meetings: persistent compact prompting and translucent answer cards */
.jwq-study-reminder-question{background:color-mix(in srgb,var(--meet-card,white) 64%,transparent)!important;border:1px solid color-mix(in srgb,var(--jwq-character-tone,#91a6b2) 44%,var(--meet-border,#ddd))!important;border-left:3px solid var(--jwq-character-accent,#728aab)!important;border-radius:12px!important;padding:10px 12px!important;margin:12px 0!important;backdrop-filter:blur(4px)}
.jwq-think-note{font-size:10px!important;line-height:1.35;color:var(--meet-muted,var(--muted,#687688));letter-spacing:.012em;margin-bottom:5px}
.jwq-study-reminder-question .jwq-main-study-prompt{font-size:12px!important;line-height:1.55!important;font-weight:400!important;margin:0!important}
.jwq-study-reminder-question .jwq-main-study-prompt strong{font-weight:850!important}
#qacontent .opts .opt{background:color-mix(in srgb,var(--meet-card,white) 67%,transparent)!important;backdrop-filter:blur(4px)}
#qacontent .opts .opt.correct{background:color-mix(in srgb,#7cb994 26%,var(--meet-card,white))!important}
#qacontent .opts .opt.wrong{background:color-mix(in srgb,#c97777 26%,var(--meet-card,white))!important}
/* Three small tappable scripture references per row */
#readerSavedList.reader-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:0!important;margin:8px 0!important;list-style:none!important}
#readerSavedList.reader-list li{display:block!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#readerSavedList.reader-list li button{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;min-width:0!important;min-height:49px!important;padding:9px 5px!important;border-radius:11px!important;font-size:clamp(9px,2.45vw,11px)!important;line-height:1.3!important;font-weight:700!important;overflow-wrap:anywhere!important;background:color-mix(in srgb,var(--jwq-character-tone,#9bb) 12%,var(--reader-card,#fff))!important;border:1px solid color-mix(in srgb,var(--jwq-character-tone,#9bb) 36%,transparent)!important;color:var(--reader-text,var(--text,#243548))!important}
#readerSavedList.reader-list li span{display:none!important}
#readerSavedList.reader-list li button:focus-visible{outline:2px solid var(--jwq-character-accent,#52808a)}