
.pp-page{
  background:var(--sand-l);
  color:var(--char);
  overflow-x:hidden;
}
.pp-page img{display:block;max-width:100%}
.pp-page a{color:inherit;text-decoration:none}
/* ── HERO ── */
.pp-hero{
  background:var(--green-d);
  padding:clamp(100px,14vh,140px) var(--pad) clamp(64px,8vw,96px);
  position:relative;overflow:hidden;
}
.pp-hero::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:72px 72px;pointer-events:none;
}
.pp-hero-inner{position:relative;z-index:1;max-width:860px}
.pp-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--fh);font-size:.58rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;
}
.pp-eyebrow::before{content:'';display:block;width:22px;height:1px;background:var(--gold)}
.pp-h1{
  font-family:var(--fh);font-weight:900;
  font-size:clamp(2.2rem,5vw,5.5rem);
  letter-spacing:-.055em;line-height:.92;
  color:var(--white);margin-bottom:clamp(18px,2.5vw,24px);
}
.pp-h1 em{font-style:italic;color:var(--gold)}
.pp-meta-item{
  font-family:var(--fh);font-size:.56rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.35);
}
.pp-meta-item span{color:rgba(255,255,255,.6);margin-left:6px}

/* ── MAIN LAYOUT ── */
.pp-body{
  padding:clamp(40px,6vw,72px) var(--pad) clamp(72px,9vw,104px);
}
.pp-layout{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:clamp(40px,6vw,80px);
  max-width:1100px;
  align-items:start;
}

/* ── STICKY TOC ── */
.pp-toc{
  position:sticky;top:88px;
}
.pp-toc-label{
  font-family:var(--fh);font-size:.52rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--rust);margin-bottom:14px;
  display:block;padding-bottom:10px;
  border-bottom:1px solid rgba(26,28,30,.12);
}
.pp-toc-links{display:flex;flex-direction:column;gap:2px}
.pp-toc-link{
  font-family:var(--fh);font-size:.58rem;font-weight:500;
  letter-spacing:.02em;color:var(--stone);
  padding:5px 0 5px 10px;
  border-left:2px solid transparent;
  transition:color .2s,border-color .2s;
  line-height:1.4;
}
.pp-toc-link:hover{color:var(--rust);border-left-color:var(--rust)}
.pp-toc-link.act{color:var(--rust);border-left-color:var(--rust);font-weight:700}
.pp-toc-divider{
  height:1px;background:rgba(26,28,30,.1);
  margin:10px 0;
}

/* ── CONTENT ── */
.pp-content{min-width:0}
.pp-doc{margin-bottom:clamp(56px,8vw,88px)}
.pp-doc:last-child{margin-bottom:0}
.pp-doc-label{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--fh);font-size:.56rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--rust);margin-bottom:14px;
}
.pp-doc-label::before{content:'';display:block;width:20px;height:1.5px;background:var(--rust)}
.pp-doc-title{
  font-family:var(--fh);font-weight:900;
  font-size:clamp(1.6rem,2.8vw,2.8rem);
  letter-spacing:-.04em;line-height:.95;
  color:var(--char);margin-bottom:clamp(28px,4vw,44px);
}
.pp-doc-title em{font-style:italic;color:var(--rust)}
.pp-doc-updated{
  font-family:var(--fh);font-size:.54rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--stone);margin-bottom:clamp(32px,4vw,44px);
  padding:10px 14px;background:rgba(26,28,30,.05);
  border-radius:4px;display:inline-block;
}

/* ── SECTION ── */
.pp-section{margin-bottom:clamp(32px,4vw,44px)}
.pp-section:last-child{margin-bottom:0}
.pp-section-title{
  font-family:var(--fh);font-weight:800;
  font-size:clamp(.88rem,1.2vw,1.1rem);
  letter-spacing:-.02em;color:var(--char);
  margin-bottom:10px;padding-top:clamp(24px,3vw,36px);
  border-top:1px solid rgba(26,28,30,.1);
}
.pp-section:first-of-type .pp-section-title{border-top:none;padding-top:0}
.pp-section p{
  font-family:var(--fb);font-size:clamp(.86rem,1.05vw,.96rem);
  line-height:1.88;color:var(--stone);margin-bottom:12px;
}
.pp-section p:last-child{margin-bottom:0}
.pp-section ol{
  padding-left:1.4em;
  font-family:var(--fb);font-size:clamp(.86rem,1.05vw,.96rem);
  line-height:1.88;color:var(--stone);
}
.pp-section ol li{margin-bottom:6px}
.pp-section .pp-section a:hover{color:var(--char)}

/* Divider between two documents */
.pp-divider{
  border:none;
  border-top:2px solid rgba(26,28,30,.1);
  margin:clamp(56px,8vw,88px) 0;
}

@media(max-width:900px){.pp-layout{grid-template-columns:1fr}.pp-toc{display:none}.ftr-main{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.ftr-main{grid-template-columns:1fr}}
@media(max-width:900px){.pp-layout{grid-template-columns:1fr}.pp-toc{display:none}}

.pp-section a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
