/* Oops!Pile page: small additions to site.css */

/* Subtitle under the game name in the hero h1 */
.hero-sub {
	display: block;
	margin-top: .35em;
	font-size: .4em;
	line-height: 1.25;
	color: var(--accent);
}

/* Daily Challenge: keep the tall phone screenshot at phone size (media is 2nd column: .split.reverse) */
.oops-daily { grid-template-columns: 1fr minmax(0, 340px); justify-content: center; }
.oops-daily .split-media { max-width: 340px; margin: 0 auto; width: 100%; }
@media (max-width: 860px) {
	.oops-daily { grid-template-columns: 1fr; }
	.oops-daily .split-media { max-width: 280px; }
}

/* Two-column callouts: headings sized like card titles */
#report .callout h3 { margin-bottom: .35em; }
#report .callout p { color: var(--muted); }