/* JF4306: in-flow reading navigation for all composers; no audio/player styles. */
.jf-mh__composer-inline:has(> .jf-mh__composer-body > .jf-bach-reader){overflow:visible!important}
.jf-classroom:has(.jf-bach-reader){overflow:clip!important}
body:has(.jf-bach-reader),main:has(.jf-bach-reader){overflow-x:clip!important;overflow-y:visible!important}
.jf-mh__chapter:has(.jf-bach-reader) > .jf-mh__chapter-banner h2{scroll-margin-top:90px!important}
.jf-bach-reader .jf-reader-nav{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px;padding:10px;border:1px solid #d9dece;border-radius:13px;background:#f5f6ef;clear:both}
.jf-bach-reader .jf-reader-nav button{padding:8px 11px!important;font-size:14px!important;line-height:1.5!important;background:#fffdf8;color:#40513d;border:1px solid #d9dece;border-radius:9px;white-space:normal}
.jf-bach-reader .jf-reader-nav button:disabled{opacity:.4;cursor:default}
.jf-bach-reader>.jf-reader-nav{position:static;top:auto;z-index:auto;box-shadow:none}
.jf-bach-reader [data-bach-page],.jf-bach-reader section[id],.jf-bach-reader h4[id],.jf-bach-reader .jf-reader-listen,.jf-bach-reader .jf-bach-reader__toc{scroll-margin-top:110px!important}
.jf-bach-reader [data-reading-jump]{padding:9px 13px!important;font-size:15px!important;background:#f0f3eb;color:#405b3b;border:1px solid #d1dac8;border-radius:10px;margin:10px 0;white-space:normal;text-align:left}
.jf-bach-reader .jf-reader-listen{clear:both;margin:22px 0;padding:18px;border:1px solid #d8decf;border-radius:14px;background:#f1f5ec;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.jf-bach-reader .jf-reader-listen>div{flex:1 1 230px}.jf-bach-reader .jf-reader-listen small{color:#63705c;line-height:1.7}.jf-bach-reader .jf-reader-listen a{font-size:14px;color:#405b3b}
.jf-bach-reader .jf-reader-listen__point{flex:0 0 100%;font-size:15px;line-height:1.8;margin:0;color:#43533e}
@media(max-width:700px){.jf-bach-reader>.jf-reader-nav{top:auto}.jf-bach-reader [data-bach-page],.jf-bach-reader section[id],.jf-bach-reader h4[id],.jf-bach-reader .jf-reader-listen,.jf-bach-reader .jf-bach-reader__toc{scroll-margin-top:90px!important}.jf-bach-reader .jf-reader-nav{gap:5px;padding:8px}.jf-bach-reader .jf-reader-nav button{flex:1 1 42%;font-size:13px!important}.jf-bach-reader .jf-reader-listen{padding:13px}.jf-bach-reader .jf-reader-listen button{width:100%;white-space:normal}}