/* ============================================================
   components/rd-related.css
   関連口コミ・関連求人の見出し+タイルグリッド共通
   ============================================================ */

.rd-related { margin-top: var(--space-8); }
.rd-related__title {
  font-size: var(--font-lg); font-weight: 700; color: var(--text);
  margin: 0 0 var(--space-3);
}
.rd-related .tile-grid { margin-top: 0; }
.rd-related__tile { display: block; }
.rd-related__topic {
  display: inline-block;
  font-size: 12px; font-weight: 700;
  color: var(--primary); background: var(--primary-bg);
  padding: 4px 12px; border-radius: 50px; line-height: 1.4;
}
.rd-related__facility {
  font-size: 14px; font-weight: 700; color: var(--text);
  line-height: 1.4;
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.rd-related__score {
  display: flex; align-items: center; gap: 6px;
  margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--primary);
}
.rd-related__stars { color: var(--primary); font-size: 14px; line-height: 1; }
.rd-related__meta { margin-top: 4px; font-size: 12px; color: var(--text-muted); }