.metrotabs-group {
    margin: 2em 0;
}

.tab-pane {
    scroll-margin-top: 12em;
}

/* Tab bar – discrete bar with light border */
.simple-tabs-block ul {
    margin: 2em 0;
    gap: 0;
    display: flex;
    width: fit-content;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.simple-tabs-block ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Tab triggers – subtle padding, no heavy styling */
.simple-tabs-block ul li .metrotabs-tab-trigger,
.simple-tabs-block ul li a,
.simple-tabs-block ul li a:link {
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    color: #555;
    border: none;
    background: none;
    padding: 0.5em 1em 0.65em;
    font-family: inherit;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition:
        color 0.15s ease,
        border-color 0.15s ease;
}

.simple-tabs-block ul li .metrotabs-tab-trigger:hover,
.simple-tabs-block ul li a:hover {
    color: #1d2327;
}

/* Active tab – discrete underline */
.simple-tabs-block ul li .metrotabs-tab-trigger.active,
.simple-tabs-block ul li a.active {
    color: #1d2327;
    border-bottom-color: currentColor;
}

.simple-tabs-block ul li .metrotabs-tab-trigger,
.simple-tabs-block ul li a,
.simple-tabs-block.simple-tabs-block-collapsible
    .simple-tabs-block-nav
    li.simple-tabs-block-selected
    a {
    cursor: pointer;
}

.simple-tabs-block .ui-tabs-hide {
    display: none !important;
}

/* Tab panes */
.simple-tabs-block .tab-pane {
    padding: 1em 0 0;
}

.simple-tabs-block .ui-tabs-panel {
    overflow: hidden;
    background: #fff;
    padding: 16px 0;
    width: 100%;
}