/* MCBC app V57K — compact Bible screen: the controls at the top take far less room, so more Scripture shows.
   (The reader's own text-size buttons still control how large the verses are.) */
.view[data-view="bible"] .page-heading{display:flex;align-items:baseline;gap:8px;margin:12px 16px 0;padding:0}
.view[data-view="bible"] .page-heading h1{font-size:22px;line-height:1.2;margin:0;order:0}
.view[data-view="bible"] .page-heading .eyebrow{order:1;margin:0;font-size:12px;letter-spacing:.08em;opacity:.75}
.view[data-view="bible"] .page-heading p:not(.eyebrow){display:none}

.view[data-view="bible"] .bible-controls{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin:10px 16px 8px;padding:10px 12px;border-radius:16px}
.view[data-view="bible"] .bible-controls label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0;gap:4px;display:flex;flex-direction:column}
.view[data-view="bible"] .bible-controls select{min-height:40px;height:40px;padding:6px 26px 6px 10px;font-size:15px;font-weight:700;border-radius:10px;margin:0;width:100%;text-overflow:ellipsis}

.view[data-view="bible"] .bible-reader{margin:0 16px 16px;padding:14px 16px}
.view[data-view="bible"] .bible-reader .section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;gap:10px}
.view[data-view="bible"] .bible-reader .section-heading h2{font-size:20px;line-height:1.2;margin:0}
.view[data-view="bible"] .bible-text-size-controls{flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:10px;padding:2px 0 8px!important;margin:0 0 10px!important}
.view[data-view="bible"] .bible-text-size-controls>span{font-size:12px;color:var(--muted,#66736f)}
.view[data-view="bible"] .bible-text-size-controls .mini-button{min-height:32px;height:32px;padding:0 10px;font-size:14px;border-radius:9px}