.suiteheader-bar {
    margin: 8px 0 10px;
    background: #eef3f7;
    border: 1px solid #d8e2eb;
    border-radius: 4px;
}

.suiteheader-bar .inner {
    padding: 0 10px;
}

.suiteheader-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
}

.suiteheader-list > li {
    margin: 0;
}

.suiteheader-link > a,
.suiteheader-more > a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.suiteheader-link > a:hover,
.suiteheader-more > a:hover,
.suiteheader-link > a:focus,
.suiteheader-more > a:focus {
    background: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.suiteheader-link--active > a,
.suiteheader-more.suiteheader-link--active > a {
    border-bottom-color: currentColor;
}

.suiteheader-more {
    margin-left: auto;
}

.suiteheader-more .dropdown {
    min-width: 240px;
}

.suiteheader-more .dropdown-contents a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.suiteheader-current,
.suiteheader-more .dropdown-contents a:hover,
.suiteheader-more .dropdown-contents a:focus {
    font-weight: 700;
}

@media (max-width: 900px) {
    .suiteheader-more {
        margin-left: 0;
    }
}

@media (max-width: 700px) {
    .suiteheader-bar .inner {
        padding: 0 6px;
    }

    .suiteheader-link > a,
    .suiteheader-more > a {
        padding: 9px 10px;
    }

    .suiteheader-link > a span,
    .suiteheader-more > a span {
        display: inline;
    }

    .suiteheader-more .dropdown {
        min-width: 210px;
    }
}