.comment-wrapper {
	display: flex;
	width: 100%;
}

.comment-wrapper.mine {
	justify-content: flex-end;
}

.comment-card {
	max-width: 90%;
	padding: 0.75rem 1rem;
	border: 1px solid #dee2e6;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	font-family: inherit;
}

.comment-card.other {
	background: #ffffff;
	border-bottom-left-radius: 0px;
}

.comment-card.me {
	background: #f6f6fe;
	border-bottom-right-radius: 0px;
}

.comment-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	margin-bottom: 0.25rem;
	font-size: 0.8rem;
}

.author {
	font-weight: bold;
}

.time {
	opacity: 0.7;
}

.comment-body {
	word-wrap: break-word;
	overflow-wrap: break-word;
}