/* the "other projects" pages (tools/mkprojects.py), next to style.css */
.projects {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 14px;
}
.projects a {
	display: block;
	background: var(--panel);
	border: 1px solid var(--edge);
	border-radius: 4px;
	overflow: hidden;
	color: var(--text);
}
.projects a:hover { border-color: var(--accent); text-decoration: none; }
.projects img { display: block; width: 100%; }
.projects span { display: block; padding: 10px 14px; color: var(--dim); }
.projects strong { display: block; color: var(--text); font-size: 18px; }
.projects em { display: block; font-style: normal; color: var(--link); margin-top: 6px; }
.project .project-logo { display: block; max-width: 640px; width: 100%; border-radius: 6px; margin: 12px 0 8px; }