/* A page of reading text (templates/public/privacy.html and not_found.html): one column, sections
   under their titles. */
.privacy {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  max-width: var(--reading-width);
  padding: var(--space-16) var(--gutter) var(--space-24);
}

.privacy section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.privacy a {
  border-bottom: 1px solid var(--line-control);
}

@media (max-width: 640px) {
  .privacy {
    padding-block: var(--space-10);
  }
}