.jp-study-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:11px 12px;border:1px solid rgba(88,102,72,.18);border-radius:15px;background:rgba(246,248,240,.92)}
.jp-study-toolbar>div{display:flex;flex-direction:column;margin-right:auto;min-width:170px}.jp-study-toolbar small,.jp-panel-head small{font-size:.72rem;opacity:.7}.jp-study-toolbar label{display:flex;align-items:center;gap:6px;font-size:.82rem}.jp-study-toolbar select{border:1px solid rgba(60,70,50,.2);border-radius:10px;padding:7px 9px;background:#fff}.jp-learn-toggle{border:0;border-radius:10px;padding:8px 10px;background:rgba(70,80,60,.08);font-weight:700}.jp-learn-toggle.active{background:rgba(80,115,72,.14)}
.jp-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:16px;align-items:start}.jp-study-panel{position:sticky;top:14px;border:1px solid rgba(88,102,72,.17);border-radius:18px;background:rgba(255,255,252,.98);padding:13px;max-height:72vh;overflow:auto}.jp-study-panel.jp-hidden{display:none}.jp-reading-layout:has(.jp-study-panel.jp-hidden){grid-template-columns:1fr}.jp-panel-head{display:flex;gap:9px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(88,102,72,.12)}.jp-panel-head>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(80,115,72,.12);font-size:1.15rem}.jp-panel-head>div{display:flex;flex-direction:column}.jp-word{padding:10px 0;border-bottom:1px solid rgba(88,102,72,.1)}.jp-word>div{display:flex;gap:7px;align-items:baseline}.jp-word>div span{font-size:.78rem;opacity:.65}.jp-word p{margin:5px 0 2px;font-size:.9rem;line-height:1.55}.jp-word small{font-size:.74rem;opacity:.68}.jp-empty,.jp-note-loading{font-size:.84rem;line-height:1.55;opacity:.72}.jp-disclaimer{margin-top:10px;padding:9px;border-radius:10px;background:rgba(70,80,60,.055);font-size:.69rem;line-height:1.45;opacity:.72}.jko-active .verse-list p{cursor:pointer}.jko-active .verse-list p.jp-selected{outline:2px solid rgba(94,126,81,.22);outline-offset:4px;border-radius:8px}.jko-active ruby{ruby-align:center}.jko-active rt{font-size:.52em;line-height:1.1;opacity:.72}.jp-reading-loading{opacity:.68}
@media(max-width:820px){.jp-reading-layout{grid-template-columns:1fr}.jp-study-panel{position:static;max-height:none}.jp-study-toolbar{align-items:flex-start}.jp-study-toolbar>div{width:100%}.jp-study-toolbar label,.jp-learn-toggle{flex:1;justify-content:center}.jp-study-toolbar select{max-width:150px}.jp-study-panel{margin-top:2px}}