.pp-main{display:block}

.pp-hero-card{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.pp-card-wide{max-width:800px;margin-inline:auto}

.pp-grid{margin-top:var(--space-4)}

.pp-highlight{background:var(--color-decor-yellow)}

.pp-narrow{max-width:700px;margin-inline:auto}

.pp-strong{border-width:3px}

.pp-cta{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:600px){
.pp-hero-card,.pp-card-wide,.pp-narrow,.pp-cta{padding:var(--space-4)}
}