.content-metadata {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 24px;
}

.content-metadata__meta,
.content-metadata__badges,
.content-metadata__classifications ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-metadata__meta {
    color: var(--cke-ink, #0f263b);
    font-size: 12px;
    line-height: 1.4;
}

.content-metadata__meta li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.content-metadata__meta li + li::before {
    width: 0;
    height: 8px;
    margin-right: 4px;
    border-left: 1px solid var(--cke-border, #c1cddb);
    content: '';
}

.content-metadata__meta img {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.content-metadata__badge,
.content-metadata__classifications li {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 2px 12px;
    border: 1px solid currentColor;
    border-radius: 80px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.content-metadata__badge--green { background: #fafffa; color: #13800a; }
.content-metadata__badge--purple { background: #eae6f7; color: #3f2791; }
.content-metadata__badge--blue { background: #e4f0fb; color: #0052a3; }
.content-metadata__badge--brown { background: #fee9d9; color: #2e1201; }
.content-metadata__badge--neutral,
.content-metadata__classifications li { background: #f4f7fa; color: var(--cke-ink, #0f263b); }

.content-metadata__classifications {
    margin-top: 24px;
}