.postlist { border-top: 1px solid var(--ink); }
.postrow {
  display: grid;
  gap: 8px 32px;
  padding: 24px 0;
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
  align-items: start;
}
@media (min-width: 900px) {
  .postrow { grid-template-columns: 11rem minmax(0, 1fr) 5rem; align-items: baseline; }
}
.postrow-meta { display: flex; flex-direction: column; gap: 5px; }
.postrow-date { font-size: 0.75rem; color: var(--faint); font-variant-numeric: tabular-nums; }
.postrow-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  line-height: 1.25;
  letter-spacing: -0.015em;
  max-width: 44ch;
}
.postrow:hover .postrow-title { color: var(--seal); }
.postrow p { max-width: 62ch; }
.postrow-read { font-size: 0.75rem; color: var(--faint); font-variant-numeric: tabular-nums; }
@media (min-width: 900px) { .postrow-read { text-align: right; } }

.pagehead--article .lede { max-width: 60ch; }
@media (min-width: 940px) {
  .pagehead--article .wrap-n { display: block; }
  .pagehead--article h1.display { max-width: 24ch; margin-top: 18px; }
  .pagehead--article .lede { margin-top: 20px; }
}

.article { max-width: 68ch; }
.article > *:first-child { margin-top: 0; }
.article h2:first-child { margin-top: 0; }