/* =============================================================================
   featured_links.css — link cards on the shared .card shell (Stage 4)
   Rebuilt from prototypes/kitchen-sink-dncg.html (.tile image cards). The .card
   shell (components/card.css) already owns the border, radius, 5px accent foot,
   hover lift, 16/10 image and card-section padding. This file adds only the
   block deltas: column counts, the description paragraph and the featured mark.
   Scoped to .featured-links so the numeric column classes don't leak.
   Colour is always a token.
   ========================================================================== */

/* --- Column counts (cards_per_row) -------------------------------------- */
.featured-links .row-cards-2 { grid-template-columns: repeat(2, 1fr); }
.featured-links .row-cards-3 { grid-template-columns: repeat(3, 1fr); }
.featured-links .row-cards-4 { grid-template-columns: repeat(4, 1fr); }
.featured-links .row-cards-5 { grid-template-columns: repeat(5, 1fr); }

/* simple-grid (staff/student links): denser, title-only tiles */
.featured-links .row-cards-simple-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* --- Description under the title ---------------------------------------- */
.featured-links .card-section p {
  font-size: 1.1rem;
  color: var(--text-muted);
  line-height: 1.5;
  margin-bottom: 1rem;
}

/* --- Featured link: lime accent foot marks the highlight ---------------- */
.featured-links .card-featured { border-bottom-color: var(--lime); }

/* --- Responsive --------------------------------------------------------- */
@media (max-width: 860px) {
  .featured-links .row-cards-3,
  .featured-links .row-cards-4,
  .featured-links .row-cards-5 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .featured-links .row-cards-2,
  .featured-links .row-cards-3,
  .featured-links .row-cards-4,
  .featured-links .row-cards-5 { grid-template-columns: 1fr; }
}