/* Info Page */

h2 {
	margin-bottom: 0;
}

.info-section {
	display: block;
	width: 100%;
}

.info-epr {
	max-width: 820px;
	margin: 0 auto 32px;
}

.info-epr p {
	max-width: 720px;
	margin: 0 auto;
}

.sheets-section {
	width: 100%;
	margin: 0 auto;
}

.sheets-section h2 {
	margin-bottom: 24px;
	color: var(--text);
}

#Iframe-Plugin-Sheet {
	width: min(1180px, calc(100vw - 32px));
	margin: 24px auto 0;
	padding: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
	overflow: hidden;
}

#Iframe-Plugin-Sheet iframe {
	width: 100%;
	min-width: 0;
	height: 78vh;
	min-height: 650px;
	max-height: 950px;
	border: none;
	border-radius: 16px;
	background: white;
	display: block;
}

.prev-epr {
	margin: 34px auto 0;
	padding-top: 28px;
	border-top: 1px solid var(--border);
}

.inf-epr {
	flex: 1 0 100%;
}

/* Give the info page more room than normal content cards */
.main-content {
	width: min(1240px, calc(100% - 32px));
	padding: 42px 24px;
}

/* Footer */

footer {
	margin-top: 0;
}

/* Responsive */

@media (max-width: 800px) {
	.main-content {
		padding: 30px 16px;
	}

	#Iframe-Plugin-Sheet {
		width: calc(100vw - 24px);
		padding: 10px;
		border-radius: 18px;
	}

	#Iframe-Plugin-Sheet iframe {
		height: 72vh;
		min-height: 560px;
		border-radius: 12px;
	}
}

@media (max-width: 520px) {
	#Iframe-Plugin-Sheet {
		width: calc(100vw - 16px);
		padding: 8px;
	}

	#Iframe-Plugin-Sheet iframe {
		height: 70vh;
		min-height: 500px;
	}
}