.post-list-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.post-list-items { display: flex; flex-direction: column; }
.post-list-item {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  color: var(--fg);
  text-decoration: none;
}
.post-list-item.has-cover { grid-template-columns: 96px 110px minmax(0, 1fr) auto; align-items: center; }
.post-list-cover { width: 96px; height: 54px; object-fit: cover; border: 1px solid var(--line); border-radius: var(--radius); }
.post-list-item:hover b { color: var(--accent); }
.post-list-item b {
  display: block;
  font-family: var(--font-display), ui-monospace, monospace;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.1;
}
.post-list-date, .post-list-excerpt, .post-list-empty { font-size: .85rem; color: var(--muted); }
.post-list-pills { display: flex; gap: 6px; }
@media (max-width: 760px) {
  .post-list-item, .post-list-item.has-cover { grid-template-columns: minmax(0, 1fr); gap: 4px; align-items: start; }
}