/* ── Home Page Styles ── */

.home-content {
  padding: 20px 0 60px;
}

.posts-list-section {
  margin-top: 20px;
}

.posts-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.2rem;
}

.posts-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  color: var(--text-dim);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--border);
}
.posts-table .date-col {
  width: 120px;
  white-space: nowrap;
}
.posts-table .title-col {
  font-weight: 600;
}
.posts-table .action-col {
  width: 80px;
  text-align: right;
}

.posts-table tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background 0.15s;
}
.posts-table tbody tr:hover {
  background: var(--card);
}
.posts-table tbody tr:last-child {
  border-bottom: none;
}

.posts-table td {
  padding: 16px;
  vertical-align: top;
}
.posts-table .date-cell {
  width: 120px;
  color: var(--text-dim);
  font-family: var(--mono);
  font-size: 0.8rem;
  white-space: nowrap;
}
.posts-table .date-cell a {
  color: var(--text-dim);
}
.posts-table .title-cell {
  font-weight: 500;
  color: var(--text);
  max-width: 400px;
}
.posts-table .title-cell a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.15s;
}
.posts-table .title-cell a:hover {
  color: var(--accent);
}
.posts-table .meta-cell {
  width: 80px;
  text-align: right;
  color: var(--text-dim);
  font-size: 0.8rem;
}
.posts-table .meta-cell a {
  color: var(--text-dim);
  text-decoration: none;
  transition: color 0.15s;
}
.posts-table .meta-cell a:hover {
  color: var(--accent);
}

@media (max-width: 768px) {
  .posts-table .meta-cell {
    display: none;
  }
  .posts-table .title-cell {
    max-width: none;
  }
}