/* Reserve the shared rail and scrollbar before async content reaches the page. */
html[data-query-template-scope="query"],
html[data-site-canvas="query-tender"] { scrollbar-gutter: stable; scrollbar-width: thin; }
html:has(main.query-template) { scrollbar-gutter: stable; scrollbar-width: thin; }
html[data-query-template-scope="query"]::-webkit-scrollbar,
html[data-site-canvas="query-tender"]::-webkit-scrollbar { width: 8px; height: 8px; }
html:has(main.query-template)::-webkit-scrollbar { width: 8px; height: 8px; }

@supports not (scrollbar-gutter: stable) {
  html[data-query-template-scope="query"],
  html[data-site-canvas="query-tender"] { overflow-y: scroll; }
  html:has(main.query-template) { overflow-y: scroll; }
}

@media (min-width: 901px) {
  html[data-query-template-scope="query"] body,
  html[data-site-canvas="query-tender"] body { padding-right: 84px !important; }
  html:has(main.query-template) body { padding-right: 84px !important; }
}