@charset "utf-8";



h2{
	font-size: 1rem;
	font-weight: normal;
}
main{
	max-width: var(--main-width);
}
.articlelist{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	margin-bottom: 3rem;
	gap: min(2vw,1rem);
}
article{
	background-color: var(--sub-bg-color);
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	padding: 5px;
}
.imagearea{
	aspect-ratio: 2 / 1;
	background-color: color-mix(in srgb, var(--main-text-color) 20%, transparent);
	overflow: hidden;
	width: 100%;
}
.imagearea:empty{
	display: grid;
}
.imagearea:empty::before{
	content: "\f023";
	font-family: "Line Awesome Free";
	font-size: 2rem;
	font-weight: 900;
	margin: auto;
}
.embeddedimage {
	aspect-ratio: 2 / 1;
	object-fit: cover;
	width: 100%;
}
.imagearea img.nsfw{
	opacity: 1;
}
.oneloginfo{
	flex-grow: 1;
	font-size: 0.85rem;
	font-weight: normal;
	padding: 1rem 1.6rem;
	text-align: left;
}
figure{
	display: block;
	margin: 0 0;
	padding: 0 0;
}
figure.nsfw{
	width: 100%;
}
figcaption{
	display: none;
}
nav.pagenums{
	margin-bottom: 1rem;
}
.backto{
	text-align: center;
}


/* responsive -------------------------------------------- */
@media (min-width:600px) and (max-width:999px) {
}
@media (max-width:599px) {
	.articlelist{
		gap: 3rem;
	}
}