.pp-main {
  background: var(--color-bg);
}

.pp-section {
  display: block;
}

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

@media (min-width: 768px) {
  .pp-container {
    padding-left: var(--container-pad-desktop);
    padding-right: var(--container-pad-desktop);
  }
}

.pp-title {
  text-align: center;
}

.pp-divider {
  height: 1px;
  background: var(--gradient-gold);
  margin: var(--space-3) 0 var(--space-4);
}

.pp-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.pp-block + .pp-block {
  margin-top: var(--space-3);
}

.pp-block ul {
  padding-left: 1.2em;
}

.pp-highlight {
  border: var(--border-thin);
  padding: var(--space-3);
  background: rgba(230,184,0,0.05);
}

@media (max-width: 480px) {
  .pp-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}