/* /platforms/custom-php. Page-only rules, prefix pcp-. No accent bars, side lines or icon tiles. */
.pf-job .steps{--n:5}
.pf-job .steps code{font-size:.9em}

/* Job example: a wide art strip above the steps. */
.pcp-strip{display:block;width:100%;height:clamp(160px,20vw,280px);object-fit:cover;object-position:center 50%;border-radius:20px;margin-bottom:28px;background:#0A0D14}

/* Playbook: art beside the topic list, in one column. */
.pcp-topics{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.pcp-topics .pf-topics{columns:1}
.pcp-topics-img{display:block;width:100%;aspect-ratio:1/1;max-height:560px;object-fit:cover;border-radius:20px;background:#0A0D14}

@media (max-width:900px){
  .pcp-topics{grid-template-columns:minmax(0,1fr)}
  .pcp-topics-img{aspect-ratio:16/9;max-height:300px}
}