.container {
  width: min(100% - 2.5rem, 1200px);
  margin-inline: auto;
}

.section {
  padding: 6rem 0;
}

.section-heading {
  max-width: 680px;
  margin-bottom: 3rem;
}

.section-heading h2,
.notes-layout h2 {
  margin-bottom: 0.75rem;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.15;
}

.section-heading p,
.notes-layout > div > p {
  color: var(--text-secondary);
  font-size: 1.125rem;
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 2rem, 1200px);
  }

  .section {
    padding: 4rem 0;
  }
}