/*
--------------------
ISSUE 3
--------------------
*/

.article__fig svg {
	font-family: var(--fonts-text);
	font-feature-settings: "lnum" 1;
}
.article__fig-bg {
	fill: var(--hsl-tint);
}
.article__fig-art-bg {
	fill: var(--hsl-art-bg);
}
.article__fig-art-icon {
	stroke: var(--hsl-text);	
}

#fig08 text,
#fig09 text[fill="#000"],
#fig10 text,
#fig12 text[fill="#000"],
#fig13 text[fill="#000"],
#fig14 text[fill="#000"] {
	fill: var(--hsl-text);
}
#fig10 text {
	font-family: var(--fonts-caption);
}
#fig09 *[fill="#000"]:not(circle),
#fig12 *[fill="#000"],
#fig13 *[fill="#000"],
#fig14 *[fill="#000"] {
	fill: var(--hsl-text);
}
#fig09 *[stroke="#000"],
#fig12 *[stroke="#000"],
#fig13 *[stroke="#000"],
#fig14 *[stroke="#000"] {
	stroke: var(--hsl-text);
}
#fig09 *[stroke-linecap="round"],
#fig12 *[stroke-linecap="round"],
#fig13 *[stroke-linecap="round"],
#fig14 *[stroke-linecap="round"] {
	stroke: #000;
}
#fig12 stop[stop-color="#ededed"],
#fig13 stop[stop-color="#ededed"],
#fig14 stop[stop-color="#ededed"] {
	stop-color: var(--hsl-tint);
}

@media screen and (prefers-color-scheme:  dark) {
	#fig08 circle,
	#fig09 circle {
		fill: gray;
	}
	#fig09 text[fill="#fff"],
	#fig12 text[fill="#fff"],
	#fig13 text[fill="#fff"] {
		fill: #000;
	}
	#fig11 circle {
		stroke: gray;
	}
}

.gallery__wrap {
	column-gap: unset;
	grid-template-columns: repeat( auto-fit, minmax(calc(var(--line) * 4), 1fr) )
}
.gallery__item {
	align-items: center;
	display: flex;
	flex-direction: column;
}
.gallery__item:not(#pe03-complete) *:first-child {
	margin: calc(var(--line) / 2);
	margin-bottom: 0;
	/* padding: calc(var(--line) / 2); */
	width: calc(100% - var(--line));
}
.gallery__item *:not(.gallery__caption) {
	background: var(--hsl-art-bg);
}
.gallery__item *:nth-child(2) {
	order: 3;
	padding: 0;
}
.gallery__caption {
	order: 2;
	line-height: calc(28/14);
}
.gallery__item#pe03-complete {
	margin-top: var(--line);
}