.back-link {
	margin-bottom: 0;
}

/* ロゴは白背景込みの SVG なので、ダークモードでは白いカードとして見える */
.project-logo {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	border: 1px solid var(--main-border-color);
	border-radius: 8px;
}

.project-description {
	white-space: pre-line;
}

ul.project-list {
	padding-left: 1.2em;
}

.project-videos figure {
	margin: 0 0 16px;
	width: 560px;
	max-width: 100%;
}

.project-videos iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
}

/* GB の画面 (160x144) を 4 倍に拡大した PNG。2 倍の大きさで並べ、ドットをぼかさない */
.project-screenshots {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.project-screenshots figure {
	margin: 0;
	width: 320px;
	max-width: 100%;
}

.project-screenshots img {
	display: block;
	width: 100%;
	height: auto;
	image-rendering: pixelated;
	border: 1px solid var(--main-border-color);
}

.project-screenshots figcaption {
	font-size: 0.9em;
}