/* Share previews - the internal tester at /share-previews. Each row is one
   page's unfurl: the generic large-image card shape every og scraper draws
   (image on top, quiet domain, firm title, quiet description). Geometry
   only - voices carry the type, tokens carry the color. */

.share-previews {
	.preview-list {
		list-style: none;
		padding: 0;
		margin-top: 2em;

		li + li {
			margin-top: 2.5em;
		}
	}

	/* The card caps at a message-column width - an unfurl is never wider
	   than a chat bubble, and previewing it full-column would lie about
	   how much of the title survives. */
	share-card {
		display: block;
		max-width: 420px;
		margin-top: 0.5em;
		border: 1px solid var(--stroke-secondary);
		border-radius: var(--corners, 0);
		overflow: hidden;
		background: var(--fill-secondary);

		img {
			display: block;
			width: 100%;
			aspect-ratio: 1.91 / 1;
			object-fit: cover;
			background: var(--fill-primary);
		}
	}

	card-text {
		display: block;
		padding: 0.75em 1em 1em;

		p + p {
			margin-top: 0.25em;
		}
	}
}