/* About
======================================== */
#info-wrapper{
	display: grid;
	grid-auto-rows: min-content;
	row-gap: var(--m-sections);
}
.desktop #info-wrapper a:hover,
.mobile #info-wrapper a:active{
	color: var(--color-txt--highlight);
}

/* Description */
#info-description{
	text-wrap: pretty;
}
#info-description a{
	text-decoration: underline;
	text-underline-offset: 0.1em;
	text-decoration-thickness: 1px;
}
@media (min-width: 361px){
	#info-description p:first-child{
		margin-top: var(--pos-correction--top);
	}
	#info-description p:last-child{
		margin-bottom: var(--pos-correction--bottom);
	}
	#info-description p:not(:first-child){
		text-indent: var(--txt-indent);
	}
}
@media (max-width: 360px){
	#info-description{
		display: grid;
		grid-auto-rows: min-content;
		row-gap: var(--m-blocks);
	}
	#info-description p{
		margin: var(--pos-correction);
	}
}

/* Sections */
#info-sections{
	display: grid;
	grid-auto-rows: min-content;
	grid-gap: var(--m-sections) var(--cols-gap);
}
.info-section{
	display: grid;
	grid-auto-rows: min-content;
	row-gap: var(--rows-gap-s);
}
/* .info-section:first-child{
	grid-column: 1 / -1;
} */
.info-section--content{
	display: grid;
	grid-auto-rows: min-content;
	row-gap: var(--m-blocks);
}
.info-section--content p{
	margin: var(--pos-correction);
}
@media (min-width: 1181px){
	#info-sections{
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Credits */
#credits{
	padding: var(--page-bottom) var(--page-sides) var(--rows-gap);
}
.desktop #credits a:hover,
.mobile #credits a:active{
	color: var(--color-txt--highlight);
}