.mj-wrap{margin:28px 0}
.mj-heading{font-size:18px;font-weight:700;margin:0 0 12px;color:#0f172a;line-height:1.4}
.mj-grid{display:flex;flex-direction:column;gap:10px}

.mj-card{
	display:flex;
	gap:12px;
	align-items:center;
	border:1px solid #e2e8f0;
	border-radius:12px;
	padding:12px;
	background:#f8fafc;
	text-decoration:none !important;
	transition:background .15s ease,border-color .15s ease;
}
.mj-card:hover{background:#f0f7ff;border-color:#cbd5e1}

.mj-thumb,
.mj-icon{
	width:60px;
	height:60px;
	border-radius:10px;
	object-fit:cover;
	flex-shrink:0;
	display:block;
}

.mj-text{flex:1;min-width:0}
.mj-country{font-size:11px;font-weight:700;line-height:1.6;display:block}
.mj-title{font-size:14px;font-weight:600;color:#0f172a;line-height:1.45;display:block}

.mj-cta{
	margin-left:auto;
	background:var(--mj-accent,#2563eb);
	color:#fff;
	padding:9px 14px;
	border-radius:6px;
	font-size:11px;
	font-weight:700;
	letter-spacing:.4px;
	white-space:nowrap;
	flex-shrink:0;
}

@media (max-width:600px){
	.mj-card{flex-wrap:wrap;padding:10px}
	.mj-thumb,.mj-icon{width:48px;height:48px}
	.mj-title{font-size:13px}
	.mj-cta{margin-left:60px;margin-top:8px;padding:8px 12px}
}