Cards: Updated styling to be more robust

Author: lamATnginx

assets/css/v2/style.css

@@ -1214,7 +1214,8 @@ h6:has(a):hover {
 
     /* Hide all the cards past 3 if it is a featured card section */
     &.featured-section {
-      .card-section-content.card-grid > *:nth-child(n + 4) {
+      .card-section-content.card-grid
+        > *:nth-child(n + 4 of div.card-container) {
         display: none;
       }
     }
@@ -1244,7 +1245,7 @@ h6:has(a):hover {
   }
 
   /* If there is no featured card, last card that is the 3rd one should be full width */
-  &:not(:has(.featured-card)) .card-container:nth-child(3n):last-child {
+  &:not(:has(.featured-card)) *:nth-child(n + 3 of div.card-container) {
     grid-column: 1 / -1;
   }
 }