/* Chaovisual Ads
   ─────────────────────────────────────────────────────────
   佈景主題已經有 .cv-side-ad / .cv-side-ad-label / .cv-side-ad-slot
   那一套（標籤 + min-height 佔位）。這裡只補「插在內文裡」才需要的東西，
   以及主題不在時的最低限度可讀性。

   min-height 用 min() 夾住：行動裝置上 250px 佔掉半個螢幕，
   而多數回應式廣告在窄螢幕本來就會回傳比較矮的版位。 */

.cva-in-content {
	margin: clamp(28px, 5vh, 48px) auto;
	max-width: 720px;          /* 與內文同寬，不比文章還寬 */
	clear: both;
}

.cva-in-content .cv-side-ad-slot {
	min-height: min(250px, 34vh);
}

/* 主題不在（或改用別的主題）時的備援：至少要看得出這是一塊廣告，
   而不是一段沒有樣式的裸 HTML。 */
.cva-slot {
	display: block;
}

.cva-slot .cv-side-ad-label {
	display: block;
	font-size: 10px;
	letter-spacing: .24em;
	text-transform: uppercase;
	opacity: .6;
	margin-bottom: 10px;
}

.cva-slot .cv-side-ad-slot :is(iframe, img, ins, div) {
	max-width: 100%;
}

@media (max-width: 640px) {
	.cva-in-content {
		margin-inline: 0;
	}
}