.kp-portal .kp-navigation-line.has-session {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 clamp(12px, 2.7vw, 40px);
    padding-inline: 14px;
    border-block: 1px solid var(--kp-gold-line);
    background: linear-gradient(90deg, var(--kp-header-tone), #030909eb 50%, var(--kp-header-tone));
}

.kp-portal .kp-navigation-line.has-session .kp-nav {
    flex-wrap: wrap;
    gap: 0 clamp(14px, 2.55vw, 36px);
    min-height: 48px;
    padding: 0;
    border: 0;
    background: none;
}

.kp-portal .kp-session-shortcuts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding-block: 5px;
}

.kp-portal .kp-session-shortcuts .kp-session-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 5px 12px;
    border: 1px solid #619c77a1;
    border-radius: 999px;
    color: #e4f3e7;
    background: #143a2b;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.kp-portal .kp-session-shortcuts .kp-session-link:hover {
    background: #1e4d37;
}

.kp-portal .kp-session-shortcuts .kp-session-link[aria-current="page"] {
    border-color: var(--kp-gold);
    color: var(--kp-gold);
}

@media (max-width: 719px) {
    .kp-portal .kp-navigation-line.has-session {
        justify-content: flex-end;
        padding-inline: 12px;
        border-top: 0;
    }

    .kp-portal .kp-session-shortcuts .kp-session-link {
        min-height: 44px;
    }
}