.about-page,
.usage-page {
  justify-content: flex-start;
}

.about-content,
.usage-content {
  max-width: 680px;
  gap: 28px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.about-content h2,
.usage-content h2 {
  font-size: 1.05rem;
  margin-bottom: 10px;
}

.about-content p + p,
.usage-content p + p {
  margin-top: 12px;
}

.about-page a,
.usage-page a {
  color: var(--accent);
  text-underline-offset: 0.2em;
}

.about-page a:hover,
.usage-page a:hover {
  color: var(--accent-hover);
}

.about-page a:focus-visible,
.usage-page a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}

.about-content .attribution {
  color: var(--ink-soft);
  font-size: 0.8rem;
}

.usage-content .policy-date {
  color: var(--ink-soft);
  font-size: 0.8rem;
}