/* page-module.related-resources — list of resources linked at workshop end. */

page-module.related-resources {
	display: block;
	padding-inline: var(--gutter);

	.warning {
		color: var(--ink-error);
		margin-top: 1em;
	}

	header, .resource-list {
		grid-column: 1 / -1;
	}

	.resource-list {
		list-style: none; /* this should already be taken care of globally */
		padding: 0;
		margin-top: 2em;

		display: grid;
		grid-template-columns: subgrid;
		gap: 2rem;

		@media (width > 600px) {
			.resource {
				grid-column: span 4;
			}
		}
	}

	@media (width > 1000px) {
		padding-inline: 0;
	}
}