/* PHF Related Posts — grid only; card look comes from the theme's lqd-lp CSS. */
.phf-rel-row {
	--phf-rel-cols: 3;
	display: flex;
	flex-wrap: wrap;
	margin-inline: -12px;
}
.phf-rel-col {
	width: calc(100% / var(--phf-rel-cols));
	padding-inline: 12px;
	margin-bottom: 24px;
	box-sizing: border-box;
}
.phf-rel-card { display: flex; flex-direction: column; height: 100%; background: #fff; }
.phf-rel-img img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; }
.phf-rel-content { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 10px; }
.phf-rel-terms { display: flex; flex-wrap: wrap; gap: 8px; }
.phf-rel-terms a { font-size: 12px; text-decoration: none; border: 1px solid currentColor; border-radius: 999px; padding: 3px 10px; line-height: 1.4; }
.phf-rel-title { margin: 0; line-height: 1.3; }
.phf-rel-title a { text-decoration: none; color: inherit; }
.phf-rel-excerpt { margin: 0; }
.phf-rel-more { margin-top: auto; font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; align-self: flex-start; line-height: 1.6; }
@media (max-width: 1024px) { .phf-rel-row { --phf-rel-cols: 2; } }
@media (max-width: 767px)  { .phf-rel-row { --phf-rel-cols: 1; } }