.jf-bach-reader{color:#303c32;max-width:100%;font-size:clamp(16px,1.1vw,19px);line-height:1.95;overflow-wrap:anywhere}.jf-bach-reader *{box-sizing:border-box}.jf-bach-reader h2{font-size:clamp(26px,3vw,40px);line-height:1.4}.jf-bach-reader h3{font-size:clamp(23px,2vw,30px);line-height:1.5;margin:1.5em 0 .9em}.jf-bach-reader h4{font-size:1.15em;line-height:1.6;margin:2em 0 .8em;color:#52624c}.jf-bach-reader p{margin:.9em 0}.jf-bach-reader__eyebrow{font-size:.8em;letter-spacing:.12em;color:#7a6244}.jf-bach-reader .jf-bach-reader__note{font-size:.88em;color:#61685c;line-height:1.8}.jf-bach-reader__toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0}.jf-bach-reader button{font:inherit;white-space:normal;line-height:1.5;border:1px solid #d9d4c7;border-radius:12px;background:#faf8f0;color:#40513f;padding:12px 16px;text-align:left;cursor:pointer}.jf-bach-reader button[aria-pressed=true]{background:#435941;color:#fff;border-color:#435941}.jf-bach-reader button:focus-visible{outline:3px solid #ae7a40;outline-offset:3px}.jf-bach-reader button:disabled{opacity:.4;cursor:default}.jf-bach-reader [hidden]{display:none!important}.jf-bach-reader__reading{max-width:850px;margin:auto}.jf-bach-reader article{scroll-margin-top:100px}.jf-bach-reader__figure{margin:28px 0}.jf-bach-reader__figure img{display:block;width:100%;height:auto!important;object-fit:contain!important;border-radius:16px}.jf-bach-reader figcaption{font-size:.8em;color:#646c60;line-height:1.65;margin-top:10px}.jf-bach-reader__portrait{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px;margin:24px 0}.jf-bach-reader__portrait img{max-width:100%;height:auto;border-radius:14px}.jf-bach-reader__scene{border-left:3px solid #ad875a;padding:10px 18px;background:#f4efe2;font-weight:600}.jf-bach-reader__diagram{background:#f4f1e8;padding:18px;border-radius:16px;margin:24px 0}.jf-bach-reader__diagram svg{width:100%;height:auto}.jf-bach-reader__listen{border:1px solid #ddd9cb;padding:16px;border-radius:14px;margin:12px 0 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jf-bach-reader__listen small{flex:1 1 230px}.jf-bach-reader__listen button{background:#435941;color:white}.jf-bach-reader__pager{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ddd9cb;padding-top:24px;margin-top:32px}.jf-mh #mh-composer-10[open]{grid-column:1/-1}.jf-mh #mh-composer-10 .jf-mh__composer-body{display:block}.jf-bach-reader [data-guide-status]:empty{display:none}@media(max-width:600px){.jf-bach-reader__toc{grid-template-columns:minmax(0,1fr)}.jf-bach-reader__portrait{grid-template-columns:110px 1fr;gap:16px}.jf-bach-reader__portrait small{font-size:.75em}.jf-bach-reader__reading{width:100%}.jf-bach-reader__diagram{padding:10px}.jf-bach-reader button{min-height:44px}}
.jf-mh .jf-bach-reader{font-size:clamp(17px,1.2vw,19px)}.jf-mh .jf-bach-reader p{font-size:1em;line-height:1.95;margin:.95em 0}.jf-mh .jf-bach-reader .jf-bach-reader__note{font-size:.88em;line-height:1.8}.jf-mh .jf-bach-reader h4{font-size:1.15em;margin:2em 0 .8em;line-height:1.6}.jf-mh .jf-bach-reader h3{font-size:clamp(23px,2vw,30px);line-height:1.5}.jf-mh .jf-bach-reader figcaption{font-size:.8em;line-height:1.65}
.jf-mh .jf-bach-reader > header{all:unset;display:block}.jf-mh .jf-bach-reader > footer{all:unset;display:block}.jf-mh .jf-bach-reader h2{font-size:clamp(26px,3vw,40px);line-height:1.4;margin:.6em 0}.jf-mh .jf-bach-reader .jf-bach-reader__eyebrow{font-size:.8em;letter-spacing:.12em;color:#7a6244}
.jf-mh .jf-bach-reader h2{color:#303c32!important;text-shadow:none}