/* gem-detail-module — single gem (templates/components/gem-detail-module.php)
   Markup shape:
     article.gem-detail-module
       header.gem-header   (h1, dl.gem-facts: creator, source, type, date)
       .gem-body           (.gem-description, a.gem-link)
*/

.gem-detail-module {

	.gem-header {

		.gem-facts {
			margin-top: 1em;

			div {
				display: flex;
				gap: 0.5em;
			}

			dt::after {
				content: ':';
			}
		}
	}

	.gem-body {

		margin-top: 1em;

		.gem-description {

		}

		.gem-link {
			color: var(--accent);
		}
	}

	.actions {
		margin-top: 2em;
	}
}