/* Shared prose-page wrapper */

.about-layout {
  padding-block: var(--space-16);
}

.about-body h2 {
  font-size: var(--text-xl);
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
}

.about-body p {
  font-size: var(--text-md);
  line-height: var(--leading-loose);
  color: var(--clr-ink);
  margin-bottom: var(--space-5);
}

.about-body p:first-child {
  font-size: var(--text-lg);
  color: var(--clr-ink);
}

.about-body a {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.about-body a:hover {
  color: var(--clr-accent-hover);
}

.about-body ul {
  list-style: revert;
  padding-left: var(--space-6);
  margin-bottom: var(--space-5);
}

.about-body li {
  line-height: var(--leading-loose);
  margin-bottom: var(--space-2);
}

@media (max-width: 1024px) {
  .about-layout {
    grid-template-columns: 1fr;
  }
}