/**
 * 文章／頁面內文圖片：預留空間，避免「文字先出、圖片載入後把內容往下推」。
 */
.single-post .entry-content img,
.page .entry-content img,
.blog-article .entry-content img {
	max-width: 100%;
	height: auto;
}

/**
 * 沒有 width/height 的圖片（常見於外連圖、貼上的 HTML）
 * 先用常見橫圖比例佔位；實際比例不同時最多上下留白，不會整段文字狂跳。
 */
.single-post .entry-content img:not([width]):not([height]),
.page .entry-content img:not([width]):not([height]),
.blog-article .entry-content img:not([width]):not([height]),
.single-post .entry-content img.gc-content-img-no-dims,
.page .entry-content img.gc-content-img-no-dims {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	object-position: center;
	background-color: #f5f5f5;
}

/* 只有一邊尺寸時，仍盡量用 auto 高度避免壓扁 */
.single-post .entry-content img[width]:not([height]),
.page .entry-content img[width]:not([height]) {
	height: auto;
	aspect-ratio: 4 / 3;
	width: 100%;
	object-fit: contain;
	background-color: #f5f5f5;
}
