/*
 * Shared game and hobby detail pages.
 */

.sch-route-magic-the-gathering .sch-hero {
	background:
		radial-gradient(circle at 80% 20%, rgba(255, 97, 73, 0.2), transparent 24rem),
		linear-gradient(130deg, #160d12, var(--sch-ink));
}

.sch-route-dungeons-dragons .sch-hero {
	background:
		radial-gradient(circle at 84% 18%, rgba(217, 255, 67, 0.2), transparent 18rem),
		radial-gradient(circle at 62% 88%, rgba(201, 74, 68, 0.2), transparent 22rem),
		linear-gradient(130deg, #190d10, var(--sch-ink));
}

.sch-dnd-offer {
	margin-bottom: 1.5rem;
}

.sch-dnd-offer h2 {
	margin-bottom: 0;
}

.sch-dnd-card--session {
	border-color: var(--sch-lime-dark);
}

.sch-dnd-card--session h3 {
	color: var(--sch-lime-dark);
}

.sch-route-pokemon .sch-hero {
	background:
		radial-gradient(circle at 80% 20%, rgba(65, 161, 255, 0.24), transparent 24rem),
		linear-gradient(130deg, #071629, var(--sch-ink));
}

.sch-route-warhammer .sch-hero {
	background:
		radial-gradient(circle at 80% 20%, rgba(181, 151, 88, 0.23), transparent 24rem),
		linear-gradient(130deg, #17150f, var(--sch-ink));
}

.sch-route-lego .sch-hero {
	background:
		radial-gradient(circle at 80% 20%, rgba(255, 210, 0, 0.25), transparent 24rem),
		linear-gradient(130deg, #1b1405, var(--sch-ink));
}

.sch-route-magic-the-gathering .sch-section,
.sch-route-dungeons-dragons .sch-section,
.sch-route-pokemon .sch-section,
.sch-route-warhammer .sch-section,
.sch-route-lego .sch-section {
	min-height: 20rem;
}

.sch-route-magic-the-gathering .sch-intro,
.sch-route-dungeons-dragons .sch-intro,
.sch-route-pokemon .sch-intro,
.sch-route-warhammer .sch-intro,
.sch-route-lego .sch-intro {
	max-width: 800px;
}

.sch-route-magic-the-gathering .sch-section .sch-actions,
.sch-route-dungeons-dragons .sch-section .sch-actions,
.sch-route-pokemon .sch-section .sch-actions,
.sch-route-warhammer .sch-section .sch-actions,
.sch-route-lego .sch-section .sch-actions {
	margin-top: 2rem;
}

.sch-card-number {
	margin: 0 0 0.75rem;
	color: var(--sch-lime-dark);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	line-height: 1;
}

.sch-section--dark .sch-card-number,
.sch-dark .sch-card-number {
	color: var(--sch-lime);
}

.sch-faq {
	display: grid;
	max-width: 900px;
	gap: 0.75rem;
	margin-top: 2rem;
}

.sch-faq-item {
	border: 1px solid #cbc4b7;
	border-radius: var(--sch-radius-md);
	background: var(--sch-paper);
	color: var(--sch-ink);
}

.sch-faq-item summary {
	position: relative;
	display: flex;
	min-height: 52px;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 3.25rem 1rem 1.15rem;
	font-weight: 900;
	list-style: none;
}

.sch-faq-item summary::-webkit-details-marker {
	display: none;
}

.sch-faq-item summary::after {
	position: absolute;
	right: 1.15rem;
	color: var(--sch-lime-dark);
	content: "+";
	font-size: 1.5rem;
	line-height: 1;
}

.sch-faq-item[open] summary::after {
	content: "−";
}

.sch-faq-item > :not(summary) {
	margin: 0;
	padding: 0 1.15rem 1.15rem;
}