/* About page: lightly refined Markdown-style reading layout. */

.about-prose {
  max-width: 900px;
}

.about-prose > p {
  max-width: 820px;
}

.about-prose > p:first-of-type {
  margin-bottom: var(--space-3);
  font-size: var(--text-lg);
  font-weight: var(--weight-medium);
}

.about-prose h2 {
  margin-top: var(--space-8);
}

.about-prose li {
  padding-left: var(--space-1);
}

.about-date {
  margin-top: calc(var(--space-3) * -1);
  margin-bottom: var(--space-4);
  font-family: var(--mono);
  font-size: 11px;
  color: var(--muted);
}

.about-projects li {
  margin-bottom: var(--space-4);
}

.about-projects a {
  margin-left: var(--space-2);
  font-family: var(--mono);
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
}

.about-projects a:hover,
.about-contact a:hover {
  color: var(--ink);
}

.about-contact {
  line-height: 2;
}

.about-contact a {
  color: var(--ink-soft);
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .about-prose {
    padding-top: var(--space-7);
  }

  .about-projects a {
    display: inline-block;
    margin-left: 0;
  }
}