.pp-main {}

.pp-narrow {
  max-width: 720px;
  width: 100%;
  margin-inline: auto;
}

.pp-medium {
  max-width: 760px;
  width: 100%;
  margin-inline: auto;
}

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

.pp-hero h1 {
  margin-bottom: var(--space-2);
}

.pp-lead {
  font-size: var(--fs-5);
}

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

.pp-highlight {
  max-width: 760px;
  margin-inline: auto;
  background: var(--color-danger-bg);
  border: var(--border-gold);
  border-radius: var(--radius-sm);
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.pp-highlight ul {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .pp-highlight {
    padding: var(--space-2);
  }
}