.pp-page{}

.pp-intro{padding-top:var(--space-7);}
.pp-intro-container{
max-width:640px;
margin-inline:auto;
text-align:center;
}

.pp-controller .pp-block{
max-width:700px;
}

.pp-data-types{
display:flex;
flex-direction:column;
gap:var(--space-4);
max-width:720px;
}

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

.pp-purpose .pp-narrow{
max-width:700px;
}

.pp-cookies .pp-narrow,
.pp-rights .pp-narrow{
max-width:680px;
}

.pp-surface{
padding:var(--space-4);
display:flex;
flex-direction:column;
gap:var(--space-3);
border-radius:var(--radius-card);
border:1px solid var(--color-border-soft-brown);
background:var(--color-card-sand);
position:relative;
}

.pp-surface::before{
content:"";
position:absolute;
inset:0;
background:var(--color-surface-linen);
pointer-events:none;
}

.pp-rights ul{
padding-left:var(--space-3);
}

.pp-cta-box{
max-width:500px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-5);
border-radius:var(--radius-card);
border:1px solid var(--color-border-soft-brown);
background:var(--color-card-sand);
position:relative;
}

.pp-cta-box::before{
content:"";
position:absolute;
inset:0;
background:var(--color-surface-linen);
pointer-events:none;
}

@media (max-width:640px){
.pp-intro{padding-top:var(--space-5);} 
.pp-cta-box{padding:var(--space-4);} 
}