.settings-intro {
  padding-top: 64px;
}

.settings-intro h1 {
  margin-top: 12px;
  margin-bottom: 24px;
}

.settings-summary {
  max-width: 42em;
  margin-bottom: 24px;
  color: var(--c-muted);
  font-size: var(--text-lead);
  line-height: var(--line-prose);
}

.settings-scope {
  max-width: var(--reading);
  margin-top: 28px;
  margin-bottom: 0;
  line-height: var(--line-prose);
}

.settings-intro .callout {
  max-width: var(--reading);
}

.settings-contents {
  margin-top: 40px;
  margin-bottom: 0;
}

.settings-followup {
  margin-top: 24px;
}

.settings-guide .prose {
  overflow-wrap: anywhere;
}

.settings-guide .prose h3:first-child {
  margin-top: 0;
}

.settings-guide .table-scroll {
  margin-top: 24px;
  margin-bottom: 32px;
}

.settings-guide .table-scroll table {
  display: table;
  overflow: visible;
}

.settings-guide .prose pre code {
  overflow-wrap: normal;
}

@media (max-width: 640px) {
  .settings-intro {
    padding-top: 40px;
  }

  .settings-contents {
    gap: 4px;
  }
}