Updated

test-pages/demo.css

@@ -146,6 +146,64 @@ a {
 	color: #275425;
 }
 
+.demo-gallery-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+	gap: 16px;
+}
+
+.demo-gallery-tile {
+	display: grid;
+	gap: 10px;
+	padding: 0 0 12px;
+	border: 1px solid #d5d5cf;
+	border-radius: 8px;
+	background: #fff;
+	color: inherit;
+	font: inherit;
+	font-weight: 700;
+	text-align: left;
+	cursor: pointer;
+	overflow: hidden;
+}
+
+.demo-gallery-tile:hover {
+	border-color: #83837a;
+}
+
+.demo-gallery-tile img {
+	display: block;
+	width: 100%;
+	aspect-ratio: 16 / 9;
+	object-fit: cover;
+	background: #111;
+}
+
+.demo-gallery-tile span {
+	padding: 0 12px;
+}
+
+.demo-focused-links {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+	margin-top: 22px;
+}
+
+.demo-focused-links a {
+	display: inline-flex;
+	align-items: center;
+	min-height: 36px;
+	padding: 0 12px;
+	border: 1px solid #d5d5cf;
+	border-radius: 6px;
+	background: #fff;
+	color: #4f4f48;
+	text-decoration: none;
+	font-size: 0.9rem;
+	font-weight: 650;
+}
+
 @media (max-width: 640px) {
 	.demo-page {
 		padding: 20px;