/* JW Quest B2 — single navigation interaction layer; existing 5-slot structure preserved. */
.bottomnav.jwq-unified-bottomnav .navitem{min-height:49px!important;min-width:0;touch-action:manipulation;border-radius:12px;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}
.bottomnav.jwq-unified-bottomnav .navitem>b{border-radius:12px!important;transition:background-color .14s ease,transform .14s ease}
html[data-jwq-effective-theme="light"] .bottomnav.jwq-unified-bottomnav .navitem.active,
html[data-jwq-effective-theme="light"] .bottomnav.jwq-unified-bottomnav .navitem[aria-current="page"]{
 color:var(--jwq-character-accent)!important;background:color-mix(in srgb,var(--jwq-character-tone) 10%,transparent)!important;
 box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--jwq-character-tone) 46%,transparent)!important;
}
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem.active,
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem[aria-current="page"]{
 color:color-mix(in srgb,var(--jwq-character-tone) 60%,white)!important;
 background:color-mix(in srgb,var(--jwq-character-tone) 13%,transparent)!important;
 box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--jwq-character-tone) 42%,transparent)!important;
}
html[data-jwq-effective-theme] .bottomnav.jwq-unified-bottomnav .navitem:is(:active,[data-jwq-pressed]){
 background:color-mix(in srgb,var(--jwq-character-tone) 23%,var(--card,#fff))!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--jwq-character-tone) 42%,var(--line,#dce8fb))!important;
}
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem:is(:active,[data-jwq-pressed]){
 background:color-mix(in srgb,var(--jwq-character-tone) 27%,#1b2a3c)!important;
}
.bottomnav.jwq-unified-bottomnav .navitem:is(:active,[data-jwq-pressed])>b{transform:translateY(1px)}
html[data-jwq-effective-theme] .bottomnav.jwq-unified-bottomnav .navitem:focus-visible{
 outline:3px solid var(--jwq-character-accent,#426b92)!important;outline-offset:-3px!important;
}
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem:focus-visible{
 outline-color:color-mix(in srgb,var(--jwq-character-tone) 60%,white)!important;
}

/* On dark surfaces, all selected text and icons use a measured lightened tone. */
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem:is(.active,[aria-current="page"]) :is(b,svg,span:not(.jwq-nav-online):not(.jwq-online-head)),
html[data-jwq-effective-theme="dark"] .bottomnav.jwq-unified-bottomnav .navitem:is(.active,[aria-current="page"])>b>svg,
html[data-jwq-effective-theme="dark"] .jwq-global-header :is(.jwq-global-brand strong,.jwq-global-stat){
 color:color-mix(in srgb,var(--jwq-character-tone) 60%,white)!important;
}

/* Calm ornaments are outside question, paragraph and verse surfaces. */
html[data-jwq-character-theme] :is(.jwq-theme-preview,.jwq-avatar-section){position:relative;isolation:isolate}
html[data-jwq-character-theme] :is(.jwq-theme-preview,.jwq-avatar-section)::before{
 content:"";position:absolute;pointer-events:none;right:0;top:0;width:100px;height:88px;
 background:url('assets/decor/olive-branch.svg') no-repeat right -15px top -20px / 100px auto;
 opacity:.035;z-index:-1;
}
@media(prefers-reduced-motion:reduce){
 .bottomnav.jwq-unified-bottomnav .navitem,.bottomnav.jwq-unified-bottomnav .navitem>b{transition:none!important;transform:none!important}
}