.grid-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0.5rem;

	img {
		border: none;
		max-width: 100%;
		max-height: 100%;
	}

	.cell {
		border: 0.1rem solid var(--global_color-foreground);
		padding: 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;

		p {
			margin: 0;
			text-align: center;
			line-height: 1.5;

			span {
				display: block;
			}
			.title {
				text-transform: uppercase;
				font-style: italic;
				font-weight: bold;
			}
			.subtitle {
				font-size: 0.6rem;
			}
		}

		&.new {
			border-color: var(--u_accent-bd); /* vanity-theme.css */

			.note-attention {
				font-size: 0.8em;
			}
		}
	}

	a.cell {
		color: var(--global_color-foreground);
		text-decoration: none;
		&:hover {
			.title {
				/* text-decoration: underline; */
				color: var(--page_color-accent);
			}
		}
	}
}