/* Macrolyx — Publications card. */

.mlx-pub { display: flex; flex-direction: column; height: 100%; min-height: 0; }

.mlx-pub-cats {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	padding: 0 0 10px;
}

.mlx-pub-list {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 2px 4px 6px 2px;
	scrollbar-width: thin;
}
.mlx-pub-empty { color: var(--mlx-muted); font-size: 13px; text-align: center; margin: auto; }

.mlx-pub-item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	border: 1px solid var(--mlx-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	padding: 10px;
}

.mlx-pub-thumb {
	flex: 0 0 auto;
	display: block;
	width: 96px;
	height: 72px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--mlx-bg2);
}
.mlx-pub-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.mlx-pub-body { flex: 1; min-width: 0; }

.mlx-pub-title { margin: 0 0 4px; font-size: 14px; line-height: 1.35; }
.mlx-pub-title a { color: var(--mlx-text); text-decoration: none; }
.mlx-pub-title a:hover { color: var(--mlx-accent); }

.mlx-pub-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 5px; }
.mlx-pub-tag {
	color: var(--mlx-accent);
	border: 1px solid rgba(var(--mlx-accent-rgb), 0.4);
	border-radius: 20px;
	padding: 0 8px;
	font-size: 10px;
	line-height: 16px;
}

.mlx-pub-excerpt {
	color: var(--mlx-muted);
	font-size: 12.5px;
	line-height: 1.6;
	margin: 0 0 6px;
	overflow-wrap: anywhere;
}

.mlx-pub-read { color: var(--mlx-accent); font-size: 12px; text-decoration: none; }
.mlx-pub-read:hover { text-decoration: underline; }

.mlx-pub-more { align-self: center; margin-top: 4px; }

@media (max-width: 480px) {
	.mlx-pub-thumb { width: 72px; height: 56px; }
}