/* Give the document an explicit viewport scroll container. */
html { height: 100%; overflow-y: auto; }
/* Dialogs keep their own scroll areas while the page behind them stays still. */
html:has([role="dialog"][aria-modal="true"]),
html:has(.document-modal) { overflow-y: hidden; }
@media(max-width:760px) { html:has(.nav-backdrop) { overflow-y: hidden; } }