@media (max-width: 767px) {
    .recruiting-mobile-bottom-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        min-height: 64px;
        padding: 6px 8px max(6px, env(safe-area-inset-bottom));
        border-top-color: #dfe8e2;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 -10px 28px rgba(14, 38, 24, .08);
        backdrop-filter: blur(14px);
    }

    .recruiting-mobile-bottom-nav a {
        display: inline-flex;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #607168;
        font-size: .7rem;
        font-weight: 850;
        text-decoration: none;
        touch-action: manipulation;
        user-select: none;
    }

    .recruiting-mobile-bottom-nav a i {
        font-size: 1.05rem;
    }

    .recruiting-mobile-bottom-nav a + a {
        border-left: 0;
    }

    .recruiting-mobile-bottom-nav a.active,
    .recruiting-mobile-bottom-nav a:focus-visible {
        background: #eefaf2;
        color: #0b7a43;
    }

}

@media (max-width: 380px) {
    .recruiting-mobile-bottom-nav {
        padding-right: 4px;
        padding-left: 4px;
    }

    .recruiting-mobile-bottom-nav a {
        font-size: .64rem;
    }
}