/* 文章 CTA 工具 - 前台樣式。顏色由 CTA 內嵌的 --acta-color / --acta-text 變數決定。 */
.acta-cta {
	--acta-color: #1d4ed8;
	--acta-text: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 28px 0;
	padding: 18px 20px;
	border: 1px solid #cbd5e1;
	border-left: 5px solid var(--acta-color);
	border-radius: 10px;
	background: #fff;
	color: #111827;
	line-height: 1.6;
}
.acta-cta * { box-sizing: border-box; }
.acta-cta__media { flex: 0 0 auto; width: 96px; }
.acta-cta__img { display: block; width: 96px; height: 96px; object-fit: cover; border-radius: 8px; }
.acta-cta__body { flex: 1 1 auto; min-width: 0; }
.acta-cta__title { font-size: 1.15em; font-weight: 700; color: #111827; }
.acta-cta__desc { margin-top: 4px; font-size: .95em; color: #374151; overflow-wrap: anywhere; }
.acta-cta__action { flex: 0 0 auto; margin-left: auto; }
.acta-cta__btn,
.acta-cta__btn:visited {
	display: inline-block;
	padding: 10px 22px;
	border-radius: 8px;
	background: var(--acta-color);
	color: var(--acta-text) !important;
	font-weight: 700;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}
.acta-cta__btn:hover,
.acta-cta__btn:focus { filter: brightness(.92); outline: 2px solid var(--acta-color); outline-offset: 2px; }

/* 橫條 */
.acta-cta--bar {
	border: 0;
	border-radius: 10px;
	background: var(--acta-color);
	color: var(--acta-text);
	padding: 20px 24px;
}
.acta-cta--bar .acta-cta__title,
.acta-cta--bar .acta-cta__desc { color: var(--acta-text); }
.acta-cta--bar .acta-cta__btn,
.acta-cta--bar .acta-cta__btn:visited { background: var(--acta-text); color: var(--acta-color) !important; }
.acta-cta--bar .acta-cta__btn:hover,
.acta-cta--bar .acta-cta__btn:focus { outline-color: var(--acta-text); }

/* 精簡 */
.acta-cta--compact { margin: 20px 0; padding: 10px 14px; gap: 12px; border-left-width: 4px; border-radius: 8px; }
.acta-cta--compact .acta-cta__media { width: 44px; }
.acta-cta--compact .acta-cta__img { width: 44px; height: 44px; border-radius: 6px; }
.acta-cta--compact .acta-cta__title { font-size: 1em; }
.acta-cta--compact .acta-cta__desc { font-size: .88em; margin-top: 0; }
.acta-cta--compact .acta-cta__btn { padding: 6px 16px; font-size: .92em; }

/* 手機版：上下排列，按鈕滿版 */
@media (max-width: 600px) {
	.acta-cta { flex-direction: column; align-items: stretch; text-align: center; gap: 12px; padding: 16px; }
	.acta-cta__media { width: 100%; }
	.acta-cta__img { width: 100%; height: auto; max-height: 180px; }
	.acta-cta__action { margin-left: 0; }
	.acta-cta__btn { display: block; width: 100%; padding: 12px 16px; white-space: normal; }
	.acta-cta--compact { flex-direction: row; align-items: center; text-align: left; flex-wrap: wrap; }
	.acta-cta--compact .acta-cta__media { width: 44px; }
	.acta-cta--compact .acta-cta__img { width: 44px; height: 44px; }
	.acta-cta--compact .acta-cta__body { flex: 1 1 120px; }
	.acta-cta--compact .acta-cta__action { flex: 1 1 100%; }
}