/* .frame-type-r2_menusection{} */

.frame-type-r2_menusection .horizontal-list-simple{
    box-shadow:var(--box-shadow);
}
    /* 1px “grid lines”: gap reveals ul background; works with flex-wrap (row + column gaps). */
    .frame-type-r2_menusection .horizontal-list-simple ul{
        margin:0; padding:0; list-style:none;
        display:flex; flex-wrap:wrap; width:100%;
        gap:1px;
        background-color:rgba(var(--rgb_color_value_action));
    }
        .frame-type-r2_menusection .horizontal-list-simple li{
            margin:0; padding:0;
            /*
            * flex: <grow> <shrink> <basis>
            * - grow 1: share extra space in a row so cells fill the line evenly.
            * - shrink 1: allow shrinking when the row is tight.
            * - basis 10em: target minimum width before wrapping; fewer items per row when the container is narrow.
            */
            flex:1 1 10em;
            /* min-width:auto (default): flex items do not shrink below their content, so words are not clipped. */
            text-align:center; background-color:#fff;
            padding:0.4em 5px;
        }
            .frame-type-r2_menusection .horizontal-list-simple a{
                text-decoration:none;
            }

/* Screen viewport ≤900px: stack items vertically. */
/*
@media screen and (max-width:900px){
    .frame-type-r2_menusection .horizontal-list-simple ul{
        flex-direction:column;
        flex-wrap:nowrap;
    }
        .frame-type-r2_menusection .horizontal-list-simple li{
            flex:0 0 auto;
            width:100%;
        }
}
*/