/* ==========================================================================
   APPLICATION LAYOUT & CONTAINERS
   Uses design tokens from site.css
   ========================================================================== */

/* ==========================================================================
   PAGE LAYOUT WRAPPER
   ========================================================================== */

.page-wrapper {
    padding: var(--layout-page-margin);
    overflow-y: auto;
    height: calc(100vh - var(--layout-tab-height));
}

/* ==========================================================================
   APP NAVIGATION BRAND (MainLayout fallback nav)
   ========================================================================== */

.app-nav-brand {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

/* ==========================================================================
   SIDE NAV TOGGLE (NavMenu component)
   ========================================================================== */

.nav-toggler {
    appearance: none;
    cursor: pointer;
}