/* =========================================================
   📚 RELATED GUIDES – WRAPPER
   ---------------------------------------------------------
   Sektion för relaterade guider
   ========================================================= */

.related-guides {
  margin: var(--spacing-lg) 0;
}


/* =========================================================
   📚 GRID LAYOUT
   ---------------------------------------------------------
   Responsiv grid för guider
   ========================================================= */

.related-guides-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--spacing-sm);
}


/* =========================================================
   🔁 OVERRIDE – UNDERSIDA-KORT
   ---------------------------------------------------------
   Anpassar kort för guide-visning
   ========================================================= */

.related-guides .underside-kort {
  flex: initial;
  max-width: 100%;
  width: 100%;

  height: 160px; /* medvetet större här */
}