/* page-module.callout — warning / alert / remember aside. */

page-module.callout {
	padding-inline: 0;
	margin-inline: var(--gutter);

	max-width: 85ch;

	.warning {
		color: var(--ink-error);
	}

	.presentation {
		background-color: var(--ink-primary);
		/* example of something we do not want to be doing long-term */

		padding: 1rem;
	}

	h2, h3 {
		color: var(--fill-primary);
	}

	p {
		color: var(--fill-secondary);
	}

	a {
		color: inherit;
	}

	text-content {
		margin-top: 1em;
	}

	@media (width >= 1000px) {
		margin-inline: initial;
	}
}

[data-prominence='featured'] page-module.callout {
	@media (width >= 1000px) {
		grid-column: 2 / -2;
		margin-block: 2rem;

		display: grid;
		grid-template-columns: subgrid;

		> inner-column {
			/* page-module spans section tracks 2-16 (15 tracks). Subgrid
			   renumbers them as page-module's 1-15. inner-column at 2/-2
			   of that subgrid = section tracks 3-15 = reading band. */
			grid-column: 1 / -1;

			display: grid;
			grid-template-columns: subgrid;

			background-color: var(--ink-primary);
		}

		.presentation {
			grid-column: 2 / -2;
			padding-block: 3rem;
		}
	}
}