/* Jetpack chooses the recommendations; the theme supplies their card layout. */
.article-prose #jp-relatedposts {
  padding:24px 0 0;
  margin:32px 0 0;
  border-top:1px solid var(--line);
}
.article-prose #jp-relatedposts h3.jp-relatedposts-headline {
  float:none;
  display:block;
  margin:0 0 16px;
  font-size:20px;
  line-height:1.25;
}
.article-prose #jp-relatedposts h3.jp-relatedposts-headline em::before { display:none; }
.article-prose #jp-relatedposts .jp-relatedposts-items {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
}
.article-prose #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  float:none;
  display:flex;
  flex-direction:column;
  width:auto;
  min-width:0;
  margin:0;
  padding:0 0 16px;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 3px 16px #07172805;
  opacity:1;
}
.article-prose #jp-relatedposts .jp-relatedposts-post > a:first-child { display:block; }
.article-prose #jp-relatedposts .jp-relatedposts-post img.jp-relatedposts-post-img {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0;
  border-radius:0;
}
.article-prose #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post-title {
  margin:16px 16px 10px;
  padding:0;
  font-size:17px;
  line-height:1.25;
  font-weight:600;
}
.article-prose #jp-relatedposts .jp-relatedposts-post-title a {
  color:var(--text);
  text-decoration:none;
  font:inherit;
  overflow-wrap:anywhere;
}
.article-prose #jp-relatedposts .jp-relatedposts-items p.jp-relatedposts-post-excerpt {
  display:block;
  margin:0 16px 12px;
  font-size:14px;
  line-height:1.55;
  color:var(--muted);
}
.article-prose #jp-relatedposts .jp-relatedposts-items :is(.jp-relatedposts-post-date,.jp-relatedposts-post-context) {
  display:block;
  margin:0 16px;
  font-size:12px;
  line-height:1.6;
  color:var(--muted);
  opacity:1;
}
.article-prose #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post-date { margin-top:auto; }
.article-prose #jp-relatedposts .jp-relatedposts-post a:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:-3px;
}
/* With no image, the title is the link; suppress Jetpack's overlapping overlay. */
.article-prose #jp-relatedposts .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { display:none; }
.article-prose #jp-relatedposts .jp-relatedposts-post-nothumbs .jp-relatedposts-post-excerpt { max-height:none; }
@media(max-width:650px) {
  .article-prose #jp-relatedposts .jp-relatedposts-items { grid-template-columns:1fr; }
}

/* Tags belong with the article metadata, before the cover. */
.article-heading .article-tags { justify-content:center; margin:20px 0 0; gap:8px; }
.article-heading .article-tags a { padding:7px 12px; font-size:13px; line-height:1.4; }