/* ===== Main Layout ===== */

.site-shell {
    /*min-width: 1200px; Quick & Dirty Fix, for non-responsiveness*/
    display: flex;
    min-height: 100vh;
}

.site-nav {
    width: var(--sidebar-width);
    flex: 0 0 var(--sidebar-width);
    min-height: 100vh;
    padding: var(--sidebar-pad-y) var(--sidebar-pad-x);
}

.site-nav__inner {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - (var(--sidebar-pad-y) * 2));
    height: 100%;
}

.site-nav__brand {
    flex: 0 0 auto;
}

.site-nav__menu {
    flex: 0 0 auto;
    margin-top: auto;
}

.site-main {
    flex: 1;
    min-width: 0;
    padding: 40px;
    align-content: center;
}

.page-content,
.page-section {
    max-width: var(--site-max-width);
}

/* Hide logo visually on landing page, but keep space */
.home .site-nav__brand {
    visibility: hidden;
}

.site-nav__brand-image {
    display: block;
    max-width: 700px;
    height: auto;
    padding-bottom: 20px;
}