/**
 * Yportal 関連記事 - standalone styles (self-contained, theme independent)
 */
.yrp-related-posts {
  margin: 32px 0 8px;
  padding-top: 20px;
  border-top: 1px solid #dfe1e5;
}
.yrp-heading {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
  border-left: 4px solid #d9272e;
  padding-left: 10px;
  color: #222;
}
.yrp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.yrp-card {
  display: block;
  text-decoration: none;
  color: inherit;
}
.yrp-thumb {
  aspect-ratio: 4 / 3;
  background: #eee;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 6px;
}
.yrp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yrp-thumb-placeholder { width: 100%; height: 100%; background: #e2e4e7; }
.yrp-cat {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  color: #d9272e;
  margin-bottom: 3px;
}
.yrp-title {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.yrp-card:hover .yrp-title { text-decoration: underline; }

@media (max-width: 782px) {
  .yrp-grid { grid-template-columns: repeat(2, 1fr); }
}