/* Daily Post single-post refinements. Scoped by the plugin body class. */

.dpme-single-post-layout #mvp-post-feat-img img {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.dpme-single-post-layout #mvp-post-main {
		margin-top: 16px;
	}

	.dpme-single-post-layout #mvp-post-head {
		margin-bottom: 20px;
	}

	.dpme-single-post-layout #mvp-post-head h3.mvp-post-cat {
		margin-bottom: 9px;
	}

	.dpme-single-post-layout #mvp-post-head h1.mvp-post-title {
		font-size: clamp(2rem, 8.3vw, 2.4rem);
		letter-spacing: -0.025em;
		line-height: 1.12;
		margin: 0;
		width: 100%;
	}

	.dpme-single-post-layout #mvp-post-head .mvp-author-info-wrap {
		align-items: center;
		display: flex;
		margin-top: 14px;
	}

	.dpme-single-post-layout #mvp-post-head .mvp-author-info-thumb:empty {
		display: none;
	}

	.dpme-single-post-layout #mvp-post-head .mvp-author-info-text {
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
		gap: 4px 7px;
		line-height: 1.35;
		margin: 0;
	}

	.dpme-single-post-layout #mvp-post-head .mvp-author-info-date,
	.dpme-single-post-layout #mvp-post-head .mvp-author-info-name {
		clear: none;
		float: none;
		margin: 0;
	}

	.dpme-single-post-layout #mvp-post-feat-img {
		margin-bottom: 22px;
		overflow: hidden;
	}

	.dpme-single-post-layout #mvp-post-feat-img img {
		aspect-ratio: 5 / 3;
		object-fit: cover;
	}

	.dpme-single-post-layout #mvp-content-main {
		line-height: 1.65;
	}

	.dpme-single-post-layout #mvp-content-main > p {
		font-size: 1.125rem;
		line-height: 1.65;
		margin-bottom: 22px;
	}

	.dpme-single-post-layout #mvp-content-main > .code-block,
	.dpme-single-post-layout #mvp-content-main > .ai-viewports {
		margin-bottom: 26px !important;
		margin-top: 26px !important;
	}

	.dpme-single-post-layout .mvp-cont-read-wrap > .code-block,
	.dpme-single-post-layout .mvp-cont-read-wrap > .ai-viewports {
		margin-bottom: 28px !important;
		margin-top: 28px !important;
	}
}