.cmath-media__inner {
	width: min(var(--max-width-services-grid), calc(100% - 2 * var(--grid-margins)));
	margin-inline: auto;
	padding-block: var(--block-padding-m);
}

.cmath-media__title {
	margin: 0 0 var(--space-200);
	font-family: var(--font-family-headers);
	font-weight: var(--font-h1-weight);
	font-size: var(--font-h1-size);
	line-height: 1.2;
	color: var(--color-text-default);
}

/* Card */
.cmath-appearance {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	padding-block: var(--space-200);
	background-image: url("../img/divider.svg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

.cmath-appearance__media {
	flex: 0 0 154px;
	width: 154px;
	height: 154px;
	display: block;
	overflow: hidden;
	background: var(--color-brand-light-blue);
}

.cmath-appearance__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.cmath-appearance__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-75);
}

.cmath-appearance__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-75);
	margin: 0;
	font-family: var(--font-family-paragraph);
	font-size: var(--font-body-size);
	line-height: 1.3;
	color: var(--color-text-default);
}

.cmath-appearance__sep {
	flex: 0 0 auto;
	width: 16px;
	height: 3px;
	background: url("../img/divider.svg") left center / auto 3px no-repeat;
}

.cmath-appearance__outlet,
.cmath-appearance__date {
	white-space: nowrap;
}

.cmath-appearance__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-50);
}

.cmath-appearance__title {
	margin: 0;
	font-family: var(--font-family-headers);
	font-weight: var(--font-h4-weight);
	font-size: var(--font-h4-size);
	line-height: 1.2;
	color: var(--color-text-default);
}

.cmath-media__empty {
	padding-block: var(--space-200);
	color: var(--color-text-default);
}

/* Mobile */
@media (max-width: 768px) {
	.cmath-appearance {
		gap: var(--space-100);
		background-image: url("../img/divider-media.svg");
	}

	.cmath-appearance__media {
		flex-basis: 82px;
		width: 82px;
		height: 82px;
	}
}