@media (max-width: 768px) {
	.fkmtu-post-preview-list.fkmtu-post-preview-list {
		--fkmtu-post-preview-featured-height: 125px;
		--fkmtu-post-preview-row-padding: 8px;
		--fkmtu-post-preview-summary-gap: 5px;
		--fkmtu-post-preview-divider: #c8c8c8;
		--fkmtu-post-preview-title: #222;
		--fkmtu-post-preview-summary: #666;
		--fkmtu-post-preview-date: #777;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.fkmtu-post-preview-list > .fkmtu-post-preview-item {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		align-items: center;
		min-height: 53px;
		padding: var(--fkmtu-post-preview-row-padding) 0;
		border-bottom: 1px solid var(--fkmtu-post-preview-divider);
		color: var(--fkmtu-post-preview-title);
		text-decoration: none;
	}

	.fkmtu-post-preview-list .fkmtu-post-preview-title {
		display: -webkit-box;
		overflow: hidden;
		min-width: 0;
		margin: 0;
		color: var(--fkmtu-post-preview-title);
		font-size: var(--fkmtu-font-size-body);
		font-weight: var(--fkmtu-font-weight-medium);
		line-height: 1.35;
		white-space: normal;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.fkmtu-post-preview-list .fkmtu-post-preview-summary {
		display: none;
	}

	.fkmtu-post-preview-list .fkmtu-post-preview-date {
		color: var(--fkmtu-post-preview-date);
		font-size: var(--fkmtu-font-size-meta);
		font-weight: var(--fkmtu-font-weight-regular);
		line-height: 1.35;
		white-space: nowrap;
	}

	.fkmtu-post-preview-item.is-featured {
		display: block;
		height: var(--fkmtu-post-preview-featured-height);
		min-height: var(--fkmtu-post-preview-featured-height);
		overflow: hidden;
	}

	.fkmtu-post-preview-item.is-featured .fkmtu-post-preview-title {
		font-size: var(--fkmtu-font-size-content);
		font-weight: var(--fkmtu-font-weight-bold);
		line-height: 1.25;
		-webkit-line-clamp: 2;
	}

	.fkmtu-post-preview-item.is-featured .fkmtu-post-preview-summary {
		display: -webkit-box;
		overflow: hidden;
		margin-top: var(--fkmtu-post-preview-summary-gap);
		color: var(--fkmtu-post-preview-summary);
		font-size: var(--fkmtu-font-size-meta);
		font-weight: var(--fkmtu-font-weight-regular);
		line-height: 1.35;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.fkmtu-post-preview-item.is-featured .fkmtu-post-preview-date {
		position: absolute;
		right: 0;
		bottom: var(--fkmtu-post-preview-row-padding);
		z-index: 2;
		padding-left: 20px;
		background: linear-gradient(to right, rgb(255 255 255 / 0%), var(--fkmtu-color-surface) 16px);
	}
}