.academyDetail__nav {
    margin-bottom: var(--marginMedium);
    border-bottom: 1px solid var(--baseLight350);
}

.js-nav-tabs {
    display: flex;
    flex-wrap: wrap;
}

.js-nav-tabs a {
    display: block;
    padding-inline: 1.5rem;
    padding-block: 1rem;
    text-align: center;
    font-size: .9rem;
    border-bottom: 3px solid transparent;
    color: var(--baseDark900);
    transition: border ease-in-out .25s;
    text-decoration: none;
}

.js-nav-tabs .active a,
.js-nav-tabs a:hover {
    text-decoration: none;
    border-color: var(--baseDark900);
}

.js-tab-content {
    > .js-tab-pane {
        display: none;

        &.active {
            display: block;
        }
    }

    > .active {
        display: block;
    }
}