/* Use the same mobile category layout as the other global menu items. */
.nav_top ul.menu li.esg_menu_item {
    margin-top: 0;
}

.esg-menu-link:focus-visible,
.esg_menu_item .drop-menu__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

#environmental-production-technology {
    scroll-margin-top: 100px;
}

@media screen and (min-width: 764px) {
    .nav_top .nav_top_inner ul.menu > li.esg_menu_item {
        flex-shrink: 0;
        width: auto;
    }

    .nav_top .nav_top_inner ul.menu > li.esg_menu_item > .esg-menu-link {
        padding-left: 0;
        padding-right: 0;
    }

    .nav_top .nav_top_inner ul.menu > li.esg_menu_item > .drop-menu {
        top: 100%;
        left: 0;
        margin: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .nav_top .nav_top_inner ul.menu > li.esg_menu_item:hover > .drop-menu,
    .nav_top .nav_top_inner ul.menu > li.esg_menu_item:focus-within > .drop-menu {
        visibility: visible;
        pointer-events: auto;
    }

    .nav_top .esg_menu_item:hover .drop-menu__link,
    .nav_top .esg_menu_item:focus-within .drop-menu__link {
        opacity: 1;
        transform: translate(0, 0);
    }

    #environmental-production-technology {
        scroll-margin-top: 210px;
    }
}

/* Keep all six menu items visible at the narrow desktop breakpoint. */
@media screen and (min-width: 764px) and (max-width: 1099px) {
    .nav_top .nav_top_inner ul.menu > li {
        padding-left: 6px;
        padding-right: 6px;
    }

    .nav_top .nav_top_inner ul.menu > li .menu__link {
        padding-left: 8px;
        padding-right: 8px;
    }

    .nav_top .nav_top_inner ul.menu > li.esg_menu_item > .esg-menu-link small {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav_top .esg_menu_item .drop-menu__link {
        transition: none;
    }
}