/* PHP v5 layout refinements */
:root {
    --content-gutter: clamp(16px, 3vw, 36px);
}

.nav-dropdown,
.login-dropdown {
    position: relative;
}

.nav-dropdown-menu,
.login-dropdown-menu {
    margin-top: 0;
}

.nav-dropdown::after,
.login-dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 14px;
}

main {
    width: 100%;
    min-height: 60vh;
}

@media (max-width: 820px) {
    .mobile-drawer {
        padding-bottom: calc(28px + env(safe-area-inset-bottom));
    }

    .drawer-nav a.is-active,
    .drawer-submenu.is-active > button {
        color: #075fd3;
        background: #eaf3ff;
    }
}