/* Emilia Mention Component Styles */
.emilia-mention {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    vertical-align: baseline;
    line-height: inherit;
    white-space: nowrap;
}

/* Fix alignment in headlines */
h1 .emilia-mention,
.page-header__title .emilia-mention {
    vertical-align: baseline;
    align-items: baseline;
}

.emilia-avatar {
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    vertical-align: baseline;
    flex-shrink: 0;
    position: relative;
    top: 0.15em;
}

.emilia-name {
    color: var(--primary-color);
    font-weight: 700;
    line-height: inherit;
    white-space: normal;
}