/* /blog/contractor-offboarding-checklist · page scoped CSS (prefix pg-cob-, short for the slug). Spacing between shared blocks, the
   steps on the fig. 01 plate (as /blog/client-api-key-handover) and the departure record of fig. 02 (a definition list on a shared
   .cy-plate; the state marks reuse .cy-hex and .cy-rec__rule). */

.pg-cob-title{text-wrap:balance}

/* reading rhythm (as the exemplar /blog/mac-security-questionnaire) */
.pg-cob-sec+.pg-cob-sec{margin-top:104px}
@media (max-width:767px){.pg-cob-sec+.pg-cob-sec{margin-top:72px}}
.pg-cob-chips{margin-top:28px}
.pg-cob-links{margin-top:24px}
.pg-cob-fig{margin-top:44px}
.pg-cob-fig .cy-fig__cap{max-width:68ch}
.pg-cob-after{margin-top:40px}
.pg-cob-callout{margin-top:32px;max-width:684px}
.pg-cob-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-cob-refs{max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}
.pg-cob-gloss{margin-top:12px}

/* fig. 01: three steps on the plate */
.pg-cob-steps .cy-step__t{font-family:var(--font-display);font-size:24px;letter-spacing:-.03em;line-height:1.2}
.pg-cob-steps .cy-step{padding:20px 0}
.pg-cob-steps .cy-step__d{max-width:52ch}
.pg-cob-steps{border-bottom:0}
.pg-cob-steps .cy-step:first-child{border-top:0;padding-top:0}
.pg-cob-steps .cy-step:last-child{padding-bottom:0}

/* fig. 02: the departure record */
.pg-cob-rec__list{display:grid}
.pg-cob-rec__row:first-child{padding-top:0}
.pg-cob-rec__row{display:grid;grid-template-columns:168px minmax(0,1fr);column-gap:24px;padding:14px 0;border-bottom:1px solid var(--s-line)}
.pg-cob-rec__row dt{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--s-ink-3)}
.pg-cob-rec__row dd{margin:0;font-size:16px;line-height:1.5;color:var(--s-ink);text-wrap:pretty}
.pg-cob-rec__state{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;align-items:baseline}
.pg-cob-rec__state>.cy-hex{--hex-w:12px;transform:translateY(1px)}
.pg-cob-rec__k{margin-top:28px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-cob-rec__open{display:grid;gap:12px;margin-top:12px}
.pg-cob-rec__open>li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:12px;align-items:baseline;font-size:16px;line-height:1.5;color:var(--s-ink)}
.pg-cob-rec__open .cy-rec__rule{transform:translateY(-4px)}
.pg-cob-rec__foot{margin-top:24px;padding-top:14px;border-top:1px solid var(--s-line);font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--s-ink-3)}
@media (max-width:599px){
  .pg-cob-rec__row{grid-template-columns:minmax(0,1fr);row-gap:4px}
}

.pg-cob-rec__row{align-items:baseline}