.ostrefa-specialist-activity {
	display       : flex;
	flex-direction: column;
	gap           : 1rem;
	width         : 900px;
	margin-inline : auto;
	max-width     : 100%;
}

.ostrefa-activity-bar {
	display         : flex;
	flex-direction  : column;
	width           : 100%;
	padding         : 1.25rem 1.5rem;
	background-color: var(--ostrefa-activity-bg, #ffffff);
	border          : 1px solid var(--ostrefa-activity-border, #e8e8e8);
	border-radius   : 6px;
	box-sizing      : border-box;
}

.ostrefa-activity-bar__header {
	display      : flex;
	align-items  : center;
	gap          : 0.875rem;
	margin-bottom: 0.875rem;
}

.ostrefa-activity-bar__avatar {
	flex-shrink: 0;
	line-height: 0;
	width      : 48px;
	height     : 48px;
}

.ostrefa-activity-bar__avatar img,
.ostrefa-activity-bar__avatar-placeholder {
	border-radius: 50%;
	display      : block;
}

.ostrefa-activity-bar__avatar-placeholder {
	width           : 48px;
	height          : 48px;
	background-color: #d0d0d0;
}

.ostrefa-activity-bar__avatar a {
	display    : block;
	line-height: 0;
}

.ostrefa-activity-bar__meta {
	display       : flex;
	flex-direction: column;
	gap           : 0.2rem;
	min-width     : 0;
}

.ostrefa-activity-bar__author-link {
	text-decoration: none;
}

.ostrefa-activity-bar__author-link:hover .ostrefa-activity-bar__author {
	text-decoration: underline;
}

.ostrefa-activity-bar__author {
	display      : block;
	font-weight  : 600;
	font-size    : 0.9375rem;
	color        : var(--ostrefa-activity-author-color, #1a1a1a);
	white-space  : nowrap;
	overflow     : hidden;
	text-overflow: ellipsis;
}

.ostrefa-activity-bar__date {
	display   : block;
	font-size : 0.8125rem;
	color     : var(--ostrefa-activity-date-color, #888888);
	text-align: left;
}

.ostrefa-activity-bar__content {
	font-size  : 0.9375rem;
	line-height: 1.6;
	color      : var(--ostrefa-activity-content-color, #333333);
	word-break : break-word;
	text-align : left;
}

.ostrefa-activity-bar__content img {
	max-width: 100%;
	height   : auto;
}

.ostrefa-activity-bar__content p:last-child {
	margin-bottom: 0;
}

.ostrefa-activity-empty {
	color    : var(--ostrefa-activity-date-color, #888888);
	font-size: 0.9375rem;
}