/* /platforms/servers. Page-only rules, prefix psv-. No accent bars, side lines or icon tiles. */
.pf-job .steps{--n:5}

/* Jobs: the job name column is wider than the default (only while the table is a table, not stacked). */
@media (min-width:761px){
  .psv-jobs-tbl tbody th{width:30%}
}

/* Not server work: art beside the copy, the two-product split under it. */
.psv-sites{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.psv-sites-img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;background:#0A0D14}
.psv-split{margin-top:clamp(32px,4vw,52px)}

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

/* Playbook: the topic list in one column beside art. */
.psv-topics{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.psv-topics .pf-topics{columns:1}
.psv-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){
  .psv-sites,.psv-topics{grid-template-columns:minmax(0,1fr)}
  .psv-sites-img,.psv-topics-img{aspect-ratio:16/9;max-height:300px}
}