[data-site-menu] .site-menu-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bs-spacer-2);
    margin-block-end: var(--block-gap, var(--panel-gap, var(--menu-panel-gap)));
    padding-block-end: var(--bs-spacer-3);
    border-block-end: var(--bs-border-width) solid
        var(--menu-border, var(--bs-border-color));
}
[data-site-menu] .site-menu-tabs > .nav-item {
    display: flex;
    flex: 1 1 auto;
    min-inline-size: 0;
}
[data-site-menu] .site-menu-tab {
    inline-size: 100%;
    min-block-size: 2.75rem;
    padding: var(--panel-link-padding, var(--bs-spacer-3));
    border: var(--bs-border-width) solid transparent;
    border-radius: var(--panel-link-radius, var(--menu-radius));
    background: transparent;
    color: var(--menu-ink);
    font-family: var(--bs-body-font-family);
    font-size: var(--panel-font-size, var(--bs-font-size-md));
    font-weight: var(--bs-font-weight-semibold);
    line-height: var(--bs-body-line-height);
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
}
[data-site-menu] .site-menu-tab:is(:hover, .active) {
    background: var(--menu-hover);
    color: var(--menu-accent);
}
[data-site-menu] .site-menu-tab.active {
    border-color: var(--menu-accent);
}
.site-menu-block--tabs > .tab-content {
    min-inline-size: 0;
}
.site-menu-block--tab > .site-menu-block--text .site-menu-block-text {
    color: var(--block-color, var(--menu-muted));
    font-size: var(--bs-font-size-sm);
}
@container (width >= 1280px) {
    .site-menu-block--tabs,
    [data-site-menu] .site-menu-panel--tabbed.show {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
        gap: var(--block-gap, var(--panel-gap, var(--menu-panel-gap)));
        align-items: start;
    }
    [data-site-menu] .site-menu-tabs {
        flex-direction: column;
        margin: 0;
        padding: 0;
        padding-inline-end: var(--panel-gap, var(--menu-panel-gap));
        border-block-end: 0;
        border-inline-end: var(--bs-border-width) solid
            var(--menu-border, var(--bs-border-color));
        align-self: stretch;
    }
    [data-site-menu] .site-menu-tabs > .nav-item {
        flex: 0 0 auto;
    }
    [data-site-menu] .site-menu-tab {
        text-align: start;
    }
    .site-menu-panel--tabbed > .site-menu-panel__footer {
        grid-column: 1 / -1;
    }
}
@container (width < 1280px) {
    [data-site-menu]
        .site-menu-block--tabs
        .site-menu-feature-column
        .site-menu-card:has(.site-menu-card__image) {
        flex-direction: row;
        align-items: center;
    }
    .site-menu-block--tabs .site-menu-feature-column .site-menu-card__image {
        inline-size: 25%;
    }
    .site-menu-block--tabs .site-menu-feature-column .site-menu-link__body {
        flex: 1;
        min-inline-size: 0;
    }
}
