.pp-main {}

.pp-container {
  max-width: 760px;
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.pp-block {
  width: 100%;
}

.pp-section h2 {
  border-bottom: 1px solid var(--color-border-structural);
  padding-bottom: var(--space-2);
}

.pp-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.pp-list li {
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.pp-surface .pp-block {
  padding: var(--space-4);
}

.pp-end .pp-block {
  padding: var(--space-4);
}

@media (max-width: 768px) {
  .pp-container {
    padding-inline: var(--space-3);
  }
}