/* One measured clearance for every patient screen and responsive breakpoint.
   Include the opaque dock backing, not only the visible navigation buttons. */
html {
  scroll-padding-top: var(--topbar-space, 120px);
  scroll-padding-bottom: var(--dock-space, calc(142px + env(safe-area-inset-bottom, 0px)));
}
#app .app-shell .app-main {
  padding-bottom: 0 !important;
}
#app .app-shell .app-screen {
  padding-bottom: var(--dock-space, calc(142px + env(safe-area-inset-bottom, 0px))) !important;
}
@media (max-width: 759px) {
  /* Keep the sticky catalog search separated from the header. */
  .app-shell:not(.home-shell) .catalog-tools {
    padding-top: 14px !important;
  }
}