#dua-view { max-width: 1070px; margin: 0 auto; }
.dua-statuses { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 500px; }
.dua-pending { margin-top: 24px; }
.dua-parts { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.dua-parts .button-secondary { min-width: 72px; }
.dua-part .section-heading { scroll-margin-top: 24px; }
.dua-row { padding-left: 0; }
.dua-part .verse-labels { padding-left: 0; }
.dua-source-text, .dua-missing { margin: 0; }
.dua-missing { color: var(--muted); font-family: var(--sans); font-size: 14px; }
.dua-sources .source-link { overflow-wrap: anywhere; }
.dua-pdf-label { color: var(--ink); font-weight: 600; }
.dua-passage-heading { margin: 24px 0 8px; color: var(--green); font-size: 17px; font-weight: 600; white-space: pre-line; }
.dua-instruction { margin: 10px 0; color: var(--muted); font-size: 14px; font-style: italic; white-space: pre-line; }
body.reading-focus-active #dua-view { max-width: 900px; }

/* Keep all three library destinations visible on small screens. */
@media (max-width: 700px), (max-height: 540px) and (pointer: coarse) {
.library-nav { gap: 4px; padding-right: 12px; padding-left: 12px; }
.library-nav .nav-button { flex: 1 1 0; width: auto; min-width: 0; max-width: 180px; gap: 6px; padding-right: 6px; padding-left: 6px; }
.library-nav .nav-button svg { flex-shrink: 0; }
.reading-body[data-reading-layout="side-by-side"] .dua-row .verse-text { padding-right: 12px; }
.reading-body[data-reading-layout="side-by-side"] .dua-row .verse-meaning { padding-left: 12px; }
.reading-body[data-reading-layout="side-by-side"] .dua-part .verse-labels > :last-child { padding-left: 12px; }
}

@media print {
.dua-parts { display: none; }
.dua-row { break-inside: avoid; }
}