/* Commentary tab (inside the Bible Library study panel). */
.bscl { color: var(--c-paper-ink, #0f1a3d); }
.bscl-bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.bscl-pick { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; font-weight: 700; color: var(--c-paper-muted, #5b6785); }
.bscl-pick select { min-height: 46px; padding: 0 12px; border: 1.5px solid var(--c-paper-line, #e1e7f3); border-radius: 12px; background: #fff; color: var(--c-paper-ink, #0f1a3d); font: 600 1rem inherit; font-family: inherit; }
.bscl-one { margin: 0; font-weight: 800; color: var(--c-royal, #1e3a8a); }
.bscl-scope { display: flex; flex-wrap: wrap; gap: 6px; }
.bscl-scope[hidden] { display: none; }
.bscl-chip { min-height: 44px; padding: 0 14px; border: 1.5px solid var(--c-paper-line, #e1e7f3); border-radius: 999px; background: #fff; color: var(--c-royal, #1e3a8a); font: 700 .9rem inherit; font-family: inherit; cursor: pointer; }
.bscl-chip[aria-pressed="true"] { border-color: var(--c-royal, #1e3a8a); background: var(--c-royal, #1e3a8a); color: #fff; }
.bscl-chip:focus-visible, .bscl-pick select:focus-visible { outline: 3px solid rgba(37, 82, 196, .45); outline-offset: 2px; }
.bscl-note { margin: 14px 0 0; padding: 10px 14px; border-radius: 12px; background: #fff7df; color: #5c4300; font-size: .92rem; }
.bscl-label { margin: 16px 0 6px; color: var(--c-gold-deep, #8a6200); font: 800 .75rem var(--f-body, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; }
.bscl-body { display: grid; gap: 14px; }
.bscl-entry { padding: 18px 20px; border: 1px solid var(--c-paper-line, #e1e7f3); border-left: 4px solid var(--c-gold, #f4b400); border-radius: 14px; background: #fff; }
.bscl-ref { margin: 0 0 8px; font: 800 1rem var(--f-display, inherit); color: var(--c-royal, #1e3a8a); }
.bscl-text { font-size: 1.02rem; line-height: 1.7; overflow-wrap: break-word; }
.bscl-text p { margin: 0 0 .8em; }
.bscl-text p:last-child { margin-bottom: 0; }
.bscl-text h4 { margin: 1em 0 .4em; font-size: 1rem; }
.bscl-text ul.bscl-outline { margin: 0 0 .8em; padding-left: 1.2em; }
.bscl-text ul.bscl-outline span { color: var(--c-paper-muted, #5b6785); font-weight: 700; }
.bscl-text a[data-ref] { color: var(--c-royal-2, #2552c4); text-underline-offset: 2px; }
.bscl-empty, .bscl-loading, .bscl-error { margin: 0; padding: 16px; border: 1px dashed var(--c-paper-line, #cbd5ea); border-radius: 14px; color: var(--c-paper-muted, #5b6785); }
.bscl-tip { margin: 12px 0 0; color: var(--c-paper-muted, #5b6785); font-size: .9rem; }
.bscl-credit { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--c-paper-line, #e1e7f3); color: var(--c-paper-muted, #5b6785); font-size: .85rem; line-height: 1.55; overflow-wrap: anywhere; }
@media (max-width: 640px) { .bscl-entry { padding: 14px 14px; } .bscl-text { font-size: 1rem; } .bscl-bar { align-items: stretch; } .bscl-pick, .bscl-pick select { width: 100%; } }
@media print { .bscl-bar, .bscl-tip { display: none; } }