/**
 * ============================================================================
 * RECENT HIGHLIGHTS RADIUS - ROUNDED CORNERS FOR ARTICLE CARDS
 * ============================================================================
 * Border-radius styling for recent highlights components.
 * ============================================================================
 */

/* ========================================================================== */
/* ARTICLE CARD - ROUNDED CORNERS */
/* ========================================================================== */
.recent-highlights__item {
  border-radius: 12px; /* Rounded card corners */
}

/* THUMBNAIL - ROUNDED CORNERS */
.recent-highlights__thumbnail {
  border-radius: 8px; /* Rounded image corners */
}

/* CATEGORY BADGE - ROUNDED CORNERS */
.recent-highlights__category {
  border-radius: 6px; /* Slightly rounded badge */
}

/* READ BUTTON - ROUNDED CORNERS */
.recent-highlights__read-btn {
  border-radius: 8px; /* Rounded button corners */
}

/* EMPTY STATE - ROUNDED CORNERS */
.recent-highlights__empty {
  border-radius: 12px; /* Rounded container */
}