.post-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: var(--space-s);
  padding-inline: 0;
}

.post-wrapper::after {
  content: '';
  display: block;
  width: var(--section-padding-inline);
  flex-shrink: 0;
}

.post-item {
  flex: 0 0 clamp(260px, 25vw, 380px) !important;
  height: 440px;
  scroll-snap-align: start;
  min-width: 0;
  border-radius: var(--radius-2xl, 16px);
  overflow: hidden;
  background: var(--color-base-l-3);
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none;
  color: var(--color-base-d-3);
  transition: transform 0.3s ease;
}

.post-item:hover { transform: translateY(-4px); }

@media (max-width: 768px) {
  .post-item { flex: 0 0 80vw !important; }
}