.reader-page .pr { max-width: 1400px; }
.content-layout { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 2rem; align-items: start; }
.content-layout--scripture { display:block; max-width:72rem; margin-inline:auto; }
#bi-chapter-select { min-height:44px; min-width:64px; padding:6px; margin:8px; font:inherit; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-text-muted); border-radius:4px; }
.content-toc { position: sticky; top: var(--reader-scroll-offset,8rem); max-height: calc(100dvh - var(--reader-scroll-offset,8rem) - 16px); overflow: auto; display: grid; gap: .25rem; font: .875rem/1.45 Inter, sans-serif; }
.content-toc a { padding: .5rem .75rem; border-left: 2px solid transparent; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.content-toc a:hover, .content-toc a:focus-visible, .content-toc a[aria-current=true] { border-color: var(--color-accent, #652a83); background: var(--color-surface, #eee); }
.content-occurrence { position: relative; min-width: 0; scroll-margin-top: 6rem; }
.reader-rubric { margin-block:.65rem; padding-inline-start:.75rem; border-inline-start:2px solid var(--color-text-muted); color:var(--color-text); }
.reader-rubric-label { display:block; margin-block-end:.25rem; font:600 .8rem/1.5 Inter,sans-serif; }
.reader-rubric .reader-text { font-size:.9em; }
.content-commemorations { margin:0 0 1rem; font: .9rem/1.5 Inter,sans-serif; color:var(--color-text-muted); }
.content-commemoration { margin:1.5rem 0 .5rem; font:600 1rem/1.5 Inter,sans-serif; color:var(--color-text); break-after:avoid; }
.content-occurrence:target { outline: 2px solid var(--color-accent, #652a83); outline-offset: .3rem; }
.reader-section-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; position:relative; }
.reader-section-heading .pr__section-title { flex:1; border:0; font-weight:500; }
.reader-section-actions > summary { list-style:none; cursor:pointer; min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; color:var(--color-text-muted); font:24px/1 Inter,system-ui,sans-serif; border-radius:6px; }
.reader-section-actions > summary::-webkit-details-marker { display:none; }
.reader-section-actions > summary:hover { background:var(--color-surface); }
.reader-action-menu { position:absolute; top:100%; right:0; width:min(100%,340px); z-index:20; padding:8px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:8px; max-height:50dvh; overflow:auto; box-shadow:0 8px 24px rgb(0 0 0 / 15%); font:14px/1.5 Inter,system-ui,sans-serif; }
.reader-action-menu a,.reader-action-menu summary { display:block; padding:12px; min-height:44px; color:var(--color-text); text-decoration:none; cursor:pointer; }
.reader-action-menu a:hover { background:var(--color-bg); }
.reader-page .pr__header { margin-bottom:8px; }
.reader-page .reader-content .pr__section { margin-bottom:32px; }
.reader-page .reader-content .reader-pair { padding-block:10px; }
.content-preview-notice { padding: 1rem; margin-bottom: 1.5rem; border: 1px solid #b88420; border-radius: .4rem; font: .9375rem/1.5 Inter, sans-serif; }
.content-preview-notice a { display: block; margin-top: .35rem; }
.content-layout [hidden] { display: none !important; }
.content-layout .reader-content, .content-layout .pr__section { min-width: 0; }
@media (max-width: 900px) {
  .content-layout { display: block; }
  .content-toc { display:none; }
  .reader-page .pr { padding-top:16px; }
}
@media (min-width:901px) { .reader-page .reader-outline { max-width:50%; } }
@media print {
  .content-layout { display: block; }
  .content-toc, .reader-section-actions { display: none; }
}