.posts-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap);
  margin: 0 auto;
}

.post-title-link {
  text-decoration: none;
  display: block;
}

.post-title-link:hover .title-kr,
.post-title-link:hover .title-en {
  color: var(--color-red);
}

.post-item{
  padding: 0 0 1rem 0;
}

.post-item .title-kr{
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
}

.post-content {
  color: var(--color-text);
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-red);
}

.post-content .blocks p {
  color: var(--color-text);
}

/* Ensure links inside posts use the text color */
.post-content a {
  color: var(--color-text);
}


.nav-content .column-title {
  color: var(--color-red) !important;
}

.nav-content .column hr {
  border-top: 1px solid var(--color-red) !important;
}

@media (max-width: 768px) {
  .post-item .title-kr {
    max-width: 90%;
  }
}