/* page-module.key-concept — links a glossary term with surrounding context. Stub. */

page-module.key-concept {


	box {
		--size: 14ch;
		display: block;
		width: var(--size);
		height: var(--size);

		display: grid;
		place-items: center;
	}

	hr {
		margin-block: 1em;
	}

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

	.content {

	}

	@media (width < 600px) {
		.content {
			margin-top: 1em;
		}
	}

	@media (width >= 600px) {
		inner-column {
			display: flex;
			flex-direction: row;
			gap: 1.5rem;
		}
	}
}