/* Initials replace the sign-in/join actions. */
.ycp-menu .ycp-account-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: white;
    min-height: 48px;
    padding: 4px 8px !important;
    border-radius: 999px !important
}

.ycp-account-initials {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: white;
    color: var(--ycp-green,#176b3a);
    font-size: .88rem;
    font-weight: 750
}

.ycp-account-label {
    font-size: .88rem
}

.ycp-account-link:focus-visible {
    outline: 3px solid var(--ycp-gold,#d9a441);
    outline-offset: 4px
}

.ycp-account-link:hover .ycp-account-initials {
    background: var(--ycp-light-green,#edf7f0)
}

.ycp-signout {
    margin-top: 20px;
    background: transparent;
    color: var(--ycp-green,#176b3a);
    border: 1px solid currentColor;
    border-radius: 999px;
    min-height: 48px;
    padding: 10px 22px;
    font: inherit;
    cursor: pointer
}

.ycp-account-message {
    margin: 16px 0;
    color: #52635a;
    font-size: .9rem
}