ul.people-list-linked {
	display: grid;
	gap: 1.5em;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	padding: 0;

	& > li {
		display: contents;

		& > div {
			position: relative; /* anchors the name's .stretched-link overlay */

			& > img {
				aspect-ratio: 5/7;
				object-fit: cover;
			}

			& > .name {
				font-size: 1.25em;
				a {
					color: inherit;
					text-decoration: none;
				}
			}

			& > .job-title {
				color: gray;
			}
			&:is(:hover, :focus-within) .name a {
				color: var(--bs-primary);
				text-decoration: underline;
			}
			/* Card-sized tab stop gets a card-sized focus ring */
			.stretched-link:focus-visible {
				outline: none;
			}
			.stretched-link:focus-visible::after {
				outline: 2px solid var(--bs-primary);
				outline-offset: 4px;
			}
		}
	}
}