body {
    padding-top: 5rem;
}

.ko-hide {
    display: none !important;
}
.ko-show {
    display: block !important;
}
.ko-show-flex {
    display: flex !important;
}
p:last-child {
    margin-bottom: 0;
}

/* Required to prevent flickering on dropUpload targets */
*[data-bind*="dropUpload"].dragging * {
    pointer-events: none;
}

/* Bootstrap 5.3 drives the navbar's padding through a variable-fed shorthand,
   `padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)`, where
   padding-x defaults to 0 because Bootstrap's own markup puts a .container
   inside the nav to supply the gutter. This one does not.

   That shorthand declares all four sides at specificity 0,1,0, so the `nav`
   rule below - 0,0,1 - stopped supplying the horizontal padding it did under
   5.1.3, where `.navbar` set only padding-top and padding-bottom and left the
   sides undeclared. The brand and the sign-out button ended up flush against
   the window edge. Setting the variable restores the .5rem without fighting
   the cascade, and keeps padding-y at Bootstrap's own .5rem default. */
.navbar {
    --bs-navbar-padding-x: .5rem;
}

/* Still applies to a plain <nav> that is not a Bootstrap navbar, so it stays. */
nav {
    padding: .5rem;
}