.routing-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    border-bottom: solid 1px #c0c0c0;
    padding: 0 0 .3rem 0;
    margin: 0 auto .4rem auto;
}

.routing-tab {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .4rem;
    background: #f0f0f0;
    border: solid 1px #c0c0c0;
    padding: .1rem .3rem;
    border-radius: .2rem;
}

    .routing-tab[aria-current] {
        background: #d7d7d7;
    }

.routing-tab-title {
    flex-grow: 2;
    font-size: .8rem;
    padding: .2rem 0 0 0;
    margin: 0;
    cursor: pointer;
    line-height: initial;
}

    .routing-tab-title:hover {
        text-decoration: underline;
    }

.routing-tab-close {
    border: 0;
    padding: .2rem 0 0 0;
    margin: 0;
    line-height: initial;
    background: transparent;
}

.routing-tab-close:hover {
    text-decoration: underline;
}