/* Long-form pages such as the privacy policy. */

.doc {
  padding-block: clamp(2.5rem, 7vw, 5rem) var(--section);
}
.doc h1 {
  font-size: clamp(2.3rem, 6vw, 3.4rem);
}
.doc h2 {
  font-size: clamp(1.5rem, 3.2vw, 1.95rem);
  margin-top: 2.4em;
}
.doc h3 {
  font-size: 1.25rem;
  margin-top: 1.8em;
}
.doc section {
  scroll-margin-top: 80px;
}
.doc p,
.doc li {
  color: #3f382f;
}
.doc ul {
  padding-left: 1.2rem;
}
.doc li {
  margin-bottom: 0.55rem;
}
.doc__toc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0 2.5rem;
}
.doc__toc a {
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink);
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none;
}
.doc__toc a:hover {
  border-color: var(--accent);
  color: var(--accent);
}