/* /blog/checking-and-hardening · page scoped CSS (prefix pg-cah-). Spacing between shared blocks, the question line on the fig. 01
   plate, the gate's word column (observe, confirm, check) and the steps list width. */

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

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

/* fig. 01: the question over the plate, the check row, then the owner's three steps */
.pg-cah-plate__q{margin-bottom:12px;font-size:18px;font-weight:500;line-height:1.4;color:var(--s-ink)}
.pg-cah-gate{margin-top:20px}
.pg-cah-gate .cy-gate__t{font-size:13px;color:var(--s-ink-2)}
@media (max-width:519px){.pg-cah-gate .cy-gate__row{grid-template-columns:62px 14px minmax(0,1fr)}}

/* the three steps sit on the prose measure */
.pg-cah-steps{max-width:min(68ch,38em);margin-top:24px}