:root { --ans-accent: #d92d20; }

.ans-readmore { margin: 8px 0 28px; text-align: center; }
.ans-readmore a {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 13px 26px; border-radius: 999px;
	background: var(--ans-accent); color: #fff !important; text-decoration: none !important;
	font-weight: 600; font-size: 16px; line-height: 1.4;
	box-shadow: 0 6px 18px -6px var(--ans-accent);
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.ans-readmore a:hover { transform: translateY(-1px); filter: brightness(1.06); }

.ans-source {
	display: flex; align-items: center; gap: 14px;
	margin: 32px 0 8px; padding: 16px 18px;
	font-size: 15px; line-height: 1.45; clear: both;
}
.ans-source__icon {
	flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px;
	display: grid; place-items: center;
	color: var(--ans-accent);
	background: color-mix(in srgb, var(--ans-accent) 12%, transparent);
}
.ans-source__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.ans-source__label { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; opacity: .65; }
.ans-source__name {
	font-weight: 700; font-size: 17px; color: inherit !important; text-decoration: none !important;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ans-source__name:hover { color: var(--ans-accent) !important; }
.ans-source__btn {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
	padding: 9px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;
	color: var(--ans-accent) !important; text-decoration: none !important;
	border: 1.5px solid var(--ans-accent); transition: background .15s, color .15s;
}
.ans-source__btn:hover { background: var(--ans-accent); color: #fff !important; }

/* Card */
.ans-source--card {
	border: 1px solid rgba(0,0,0,.09); border-left: 4px solid var(--ans-accent);
	border-radius: 12px; background: rgba(0,0,0,.018);
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
/* Minimal */
.ans-source--minimal { padding: 14px 0 0; border-top: 1px dashed rgba(0,0,0,.18); border-radius: 0; }
.ans-source--minimal .ans-source__icon { display: none; }
/* Bar */
.ans-source--bar { background: var(--ans-accent); color: #fff; border-radius: 10px; }
.ans-source--bar .ans-source__icon { background: rgba(255,255,255,.18); color: #fff; }
.ans-source--bar .ans-source__name:hover { color: #fff !important; text-decoration: underline !important; }
.ans-source--bar .ans-source__btn { color: var(--ans-accent) !important; background: #fff; border-color: #fff; }
.ans-source--bar .ans-source__btn:hover { background: rgba(255,255,255,.88); color: var(--ans-accent) !important; }

@media (max-width: 560px) {
	.ans-source { flex-wrap: wrap; gap: 12px; }
	.ans-source__btn { width: 100%; justify-content: center; }
	.ans-readmore a { width: 100%; justify-content: center; padding: 13px 18px; font-size: 15px; }
}

img.ans-external-thumb { max-width: 100%; height: auto; }