/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Layout-scoped styles for the shell. The page uses a flex-column body so the
 * footer sits at the bottom of the viewport when content is short, and below
 * content when it isn't — preventing the absolute-positioned footer from
 * overlapping page content (which the default ASP.NET template did). */

html[b-ly8n3d7gvb], body[b-ly8n3d7gvb] {
    height: 100%;
}

body[b-ly8n3d7gvb] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-bottom: 0;
    /* `clip` prevents horizontal scrollbars from full-bleed sections (e.g. the
     * homepage carousel that breaks out of `.container` with `width: 100vw`)
     * without establishing a new containing block (`hidden` would). */
    overflow-x: clip;
}

body > .container[b-ly8n3d7gvb] {
    flex: 1 0 auto;
}

footer.footer[b-ly8n3d7gvb] {
    flex: 0 0 auto;
}

a.navbar-brand[b-ly8n3d7gvb] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}