/* xeek.dev theme, listing.css: post listing rows with oversized numerals, pagination */

.posts { list-style: none; margin: 0; padding: 0; }

.post-item { border-bottom: 1px solid var(--border-soft); }
.post-item:last-child { border-bottom: 0; }

.post-row {
  display: grid;
  grid-template-columns: 68px 1fr auto;
  gap: 18px;
  align-items: baseline;
  padding: 20px 0;
}

.post-row-numeral {
  font: 700 36px/1 var(--font-display);
  color: var(--numeral);
}

.post-row-body { display: flex; flex-direction: column; gap: 6px; }

.post-row .post-title { margin: 0; font: 700 21px/1.25 var(--font-display); }
.post-row .post-title a { color: var(--text); }
.post-row .post-title a:hover { color: var(--blue-bright); }

.post-description {
  margin: 0;
  font: 400 14px/1.55 var(--font-body);
  color: var(--muted);
  text-wrap: pretty;
}

.post-row .post-date {
  font: 400 12px var(--font-mono);
  color: var(--dim);
  white-space: nowrap;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  font: 500 13px var(--font-body);
  color: var(--dim);
}

.pagination-link { color: var(--blue); }
.pagination-link:hover { color: var(--blue-bright); }
.pagination-link.disabled { color: #2c3a4a; }

@media (max-width: 720px) {
  .post-row { grid-template-columns: 1fr auto; }
  .post-row-numeral { display: none; }
}