.mub-posts-block {
	--mub-posts-border: #dfe5e8;
	margin: 28px 0;
	border: 1px solid var(--mub-posts-border);
	border-radius: 14px;
	padding: 24px;
	background: var(--mub-posts-background, #ffffff);
	box-shadow: 0 18px 45px rgba(35, 45, 62, 0.08);
	color: var(--mub-posts-text, #17202a);
}

.mub-posts-block .mub-posts-block__heading {
	clear: none;
	margin: 0 0 18px;
	margin-block-start: 0;
	margin-block-end: 18px;
	padding: 0;
	color: var(--mub-posts-text, #17202a);
	letter-spacing: 0;
}

.mub-posts-block .mub-posts-block__items {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(var(--mub-posts-desktop-columns, 1), minmax(0, 1fr));
}

.mub-posts-block .mub-posts-block__post {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	margin: 0;
	padding: 0;
	color: var(--mub-posts-text, #17202a);
}

.mub-posts-block--list-align-center .mub-posts-block__post {
	align-items: center;
}

.mub-posts-block--list-align-end .mub-posts-block__post {
	align-items: end;
}

.mub-posts-block--no-image .mub-posts-block__post {
	grid-template-columns: minmax(0, 1fr);
}

.mub-posts-block .mub-posts-block__image,
.mub-posts-block .mub-posts-block__image-placeholder {
	width: 100%;
	aspect-ratio: var(--mub-posts-image-ratio, 4 / 3);
	border-radius: 10px;
	background:
		linear-gradient(135deg, rgba(22, 128, 148, 0.18), rgba(22, 128, 148, 0.04)),
		#eef5f6;
	object-fit: cover;
}

.mub-posts-block .mub-posts-block__content {
	min-width: 0;
}

.mub-posts-block .mub-posts-block__date {
	margin: 0 0 6px;
	margin-block-start: 0;
	margin-block-end: 6px;
	padding: 0;
	color: var(--mub-posts-accent, #168094);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: uppercase;
}

.mub-posts-block .mub-posts-block__title {
	clear: none;
	margin: 0 0 8px;
	margin-block-start: 0;
	margin-block-end: 8px;
	padding: 0;
	color: var(--mub-posts-text, #17202a);
	font-size: 1.15rem;
	font-weight: 750;
	letter-spacing: 0;
	line-height: 1.22;
}

.mub-posts-block .mub-posts-block__title-link {
	color: inherit;
	text-decoration: none;
}

.mub-posts-block .mub-posts-block__title-link:hover,
.mub-posts-block .mub-posts-block__title-link:focus {
	color: var(--mub-posts-accent, #168094);
	text-decoration: underline;
}

.mub-posts-block .mub-posts-block__excerpt {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding: 0;
	color: var(--mub-posts-text, #465260);
	font-size: 0.96rem;
	line-height: 1.55;
	opacity: 0.78;
}

.mub-posts-block .mub-posts-block__read-more {
	display: inline-block;
	margin-top: 12px;
	color: var(--mub-posts-accent, #168094);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none;
}

.mub-posts-block .mub-posts-block__read-more:hover,
.mub-posts-block .mub-posts-block__read-more:focus {
	text-decoration: underline;
}

.mub-posts-block--grid.mub-posts-block--content-align-center .mub-posts-block__content,
.mub-posts-block--card.mub-posts-block--content-align-center .mub-posts-block__content,
.mub-posts-block--tablet-grid.mub-posts-block--content-align-center .mub-posts-block__content,
.mub-posts-block--tablet-card.mub-posts-block--content-align-center .mub-posts-block__content,
.mub-posts-block--mobile-grid.mub-posts-block--content-align-center .mub-posts-block__content,
.mub-posts-block--mobile-card.mub-posts-block--content-align-center .mub-posts-block__content {
	text-align: center;
}

.mub-posts-block--grid.mub-posts-block--content-align-right .mub-posts-block__content,
.mub-posts-block--card.mub-posts-block--content-align-right .mub-posts-block__content,
.mub-posts-block--tablet-grid.mub-posts-block--content-align-right .mub-posts-block__content,
.mub-posts-block--tablet-card.mub-posts-block--content-align-right .mub-posts-block__content,
.mub-posts-block--mobile-grid.mub-posts-block--content-align-right .mub-posts-block__content,
.mub-posts-block--mobile-card.mub-posts-block--content-align-right .mub-posts-block__content {
	text-align: right;
}

.mub-posts-block .mub-posts-block__loading,
.mub-posts-block .mub-posts-block__empty {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding: 12px 0;
	color: var(--mub-posts-text, #465260);
	font-size: 0.95rem;
	line-height: 1.45;
	opacity: 0.78;
}

.mub-posts-block__searching {
	margin: -8px 0 12px;
	color: #646970;
	font-size: 12px;
	line-height: 1.4;
}

.mub-posts-block--grid .mub-posts-block__post,
.mub-posts-block--card .mub-posts-block__post {
	grid-template-columns: 1fr;
}

.mub-posts-block--grid .mub-posts-block__image,
.mub-posts-block--grid .mub-posts-block__image-placeholder,
.mub-posts-block--card .mub-posts-block__image,
.mub-posts-block--card .mub-posts-block__image-placeholder {
	aspect-ratio: var(--mub-posts-image-ratio, 16 / 10);
}

.mub-posts-block--card {
	border: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.mub-posts-block--card .mub-posts-block__post {
	border: 1px solid var(--mub-posts-border);
	border-radius: 12px;
	padding: 14px;
	background: var(--mub-posts-background, #ffffff);
	box-shadow: 0 14px 34px rgba(35, 45, 62, 0.08);
}

@media (max-width: 782px) {
	.mub-posts-block {
		padding: 20px;
	}

	.mub-posts-block .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-tablet-columns, 2), minmax(0, 1fr));
	}

	.mub-posts-block--tablet-list,
	.mub-posts-block--tablet-grid {
		border: 1px solid var(--mub-posts-border);
		padding: 20px;
		background: var(--mub-posts-background, #ffffff);
		box-shadow: 0 18px 45px rgba(35, 45, 62, 0.08);
	}

	.mub-posts-block--tablet-card {
		border: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.mub-posts-block.mub-posts-block--tablet-list .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-tablet-columns, 2), minmax(0, 1fr));
	}

	.mub-posts-block.mub-posts-block--tablet-grid .mub-posts-block__items,
	.mub-posts-block.mub-posts-block--tablet-card .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-tablet-columns, 2), minmax(0, 1fr));
	}

	.mub-posts-block.mub-posts-block--tablet-list .mub-posts-block__post,
	.mub-posts-block.mub-posts-block--tablet-grid .mub-posts-block__post {
		border: 0;
		border-radius: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.mub-posts-block.mub-posts-block--tablet-list .mub-posts-block__post {
		grid-template-columns: 120px minmax(0, 1fr);
	}

	.mub-posts-block.mub-posts-block--tablet-list.mub-posts-block--no-image .mub-posts-block__post,
	.mub-posts-block.mub-posts-block--tablet-grid .mub-posts-block__post {
		grid-template-columns: 1fr;
	}

	.mub-posts-block--tablet-card .mub-posts-block__post {
		grid-template-columns: 1fr;
		border: 1px solid var(--mub-posts-border);
		border-radius: 12px;
		padding: 14px;
		background: var(--mub-posts-background, #ffffff);
		box-shadow: 0 14px 34px rgba(35, 45, 62, 0.08);
	}

	.mub-posts-block--tablet-grid .mub-posts-block__image,
	.mub-posts-block--tablet-grid .mub-posts-block__image-placeholder,
	.mub-posts-block--tablet-card .mub-posts-block__image,
	.mub-posts-block--tablet-card .mub-posts-block__image-placeholder {
		aspect-ratio: var(--mub-posts-image-ratio, 16 / 10);
	}
}

@media (max-width: 580px) {
	.mub-posts-block .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-mobile-columns, 1), minmax(0, 1fr));
	}

	.mub-posts-block--mobile-list,
	.mub-posts-block--mobile-grid {
		border: 1px solid var(--mub-posts-border);
		padding: 20px;
		background: var(--mub-posts-background, #ffffff);
		box-shadow: 0 18px 45px rgba(35, 45, 62, 0.08);
	}

	.mub-posts-block--mobile-card {
		border: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.mub-posts-block.mub-posts-block--mobile-list .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-mobile-columns, 1), minmax(0, 1fr));
	}

	.mub-posts-block.mub-posts-block--mobile-grid .mub-posts-block__items,
	.mub-posts-block.mub-posts-block--mobile-card .mub-posts-block__items {
		grid-template-columns: repeat(var(--mub-posts-mobile-columns, 1), minmax(0, 1fr));
	}

	.mub-posts-block.mub-posts-block--mobile-list .mub-posts-block__post,
	.mub-posts-block.mub-posts-block--mobile-grid .mub-posts-block__post {
		border: 0;
		border-radius: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.mub-posts-block.mub-posts-block--mobile-list .mub-posts-block__post {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.mub-posts-block.mub-posts-block--mobile-list.mub-posts-block--no-image .mub-posts-block__post,
	.mub-posts-block.mub-posts-block--mobile-grid .mub-posts-block__post {
		grid-template-columns: 1fr;
	}

	.mub-posts-block--mobile-card .mub-posts-block__post {
		grid-template-columns: 1fr;
		border: 1px solid var(--mub-posts-border);
		border-radius: 12px;
		padding: 14px;
		background: var(--mub-posts-background, #ffffff);
		box-shadow: 0 14px 34px rgba(35, 45, 62, 0.08);
	}

	.mub-posts-block--mobile-grid .mub-posts-block__image,
	.mub-posts-block--mobile-grid .mub-posts-block__image-placeholder,
	.mub-posts-block--mobile-card .mub-posts-block__image,
	.mub-posts-block--mobile-card .mub-posts-block__image-placeholder {
		aspect-ratio: var(--mub-posts-image-ratio, 16 / 10);
	}
}