/* Related Project Cards — 2026-09-10 (mu-plugin contextual-project-links.php)
   ملاحظة: .entry-content a في main.css بيرث teal على زر الكارت داخل the_content —
   التعزيز هنا أعلى specificity يحمي أزرار الكروت من التلوين الموروث. */
.af-rel-cards .card-actions .button--primary,
.af-rel-cards a.button--primary {
  background: var(--accent) !important;
  color: var(--ink) !important;
}
.af-rel-cards a.button--primary:hover {
  background: var(--accent-strong) !important;
}
.af-rel-cards,
.ks-rel-cards {
  margin: 40px 0 24px;
}
.af-rel-cards > h2,
.ks-rel-cards > h2 {
  font-size: 1.35rem;
  margin: 0 0 16px;
}
.af-rel-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 1024px) {
  .af-rel-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .af-rel-cards__grid { grid-template-columns: 1fr; }
}
.ks-rel-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1024px) {
  .ks-rel-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ks-rel-cards__grid { grid-template-columns: 1fr; }
}