/*
 * Home (About) page: the photo and the latest posts list.
 */

/* === PHOTO === */
/* Below lg the photo stacks above the text; keep it from filling the screen */
@media (max-width: 991.98px) {
  .home-photo {
    max-width: 320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* === LATEST POSTS === */
.latest-posts li {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.375rem;
}

.latest-posts time {
  flex-shrink: 0;
  font-family: var(--bs-font-monospace);
  font-size: 0.875rem;
  line-height: 1.6;
}