/* Project Links Block — loaded via block.json only on pages that use the block. */

/* shrink to the longest link and push to the far right of the column */
.project-links-block {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
  width: fit-content;
  margin-block: 0;
  margin-inline: auto 0;
  padding: 0;
  list-style: none;
  text-align: left;
	padding-left: 0 !important;
	padding-right: var(--padding-x);

	@media(width <= 992px) {
	  margin-inline: 0;
		margin-top: 40px !important;
	}

	a, .project-links-block__text {
		font-size: clamp(15px, calc(15px + 3 * ((100vw - 320px) / 1280)), 18px);
	}

}