/* contact icon list on about page: normal list, icons inline */
.contact-icons img {
  width: 18px;
  height: 18px;
  margin: 0 0.3rem 0 0;
  vertical-align: middle;
}

:root.dark .contact-icons img {
  filter: invert(1);
}

/* theme gap: section-content sits outside <main>, so `main a` underline misses */
.section-content a {
  border-bottom: 2px solid var(--primary-color);
}

/* date vertically centered on title only; description drops below */
@media all and (min-width: 640px) {
  .post-list .post-header {
    grid-template-rows: auto auto;
    align-items: center;
    row-gap: 0.25rem;
  }

  .post-list .post-header > div {
    display: contents;
  }

  .post-list .post-header time {
    grid-row: 1;
    grid-column: 1;
  }

  .post-list .post-header h1.title {
    grid-row: 1;
    grid-column: 2;
  }

  .post-list .post-header .meta {
    grid-row: 2;
    grid-column: 2;
  }
}