/* ==================== Layout Styles ==================== */
.homepage {
  padding: var(--spacing-lg);
  width: 100%;
  margin: 0;
  max-width: 1800px;
  margin: 0 auto;
}

/* Layout Container pour 3 colonnes en desktop */
.layout-container {
  display: flex;
  gap: var(--spacing-xl);
  width: 100%;
  align-items: flex-start;
  position: relative;
}

/* Colonne gauche (25%) */
.left-column {
  width: 25%;
  transition: all var(--transition-base);
}

/* Colonne du milieu (50%) */
.middle-column {
  width: 50%;
  transition: all var(--transition-base);
}

/* Colonne de droite (25%) */
.right-column {
  width: 25%;
  transition: all var(--transition-base);
  align-self: stretch;
}

.middle-column .post-list li {
  margin-bottom: var(--spacing-lg);
}