/* /blog/mac-security-questionnaire · page scoped CSS (prefix pg-msq-, short for the slug). Spacing between shared blocks only.
   The parts this page introduced now live in css/components.css (27 Sep system check): the hero photo (.cy-phero--photo,
   .cy-phero__photo), the two dated records (.cy-recs), the four checks plate (.cy-checklist), the worksheet (.cy-ws + js/cy-worksheet.js),
   the next step box (.cy-next), the rail card (.cy-nudge), .cy-stats--2 and the raised plate in an article (.cy-read .cy-plate). */

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

/* ------------------------------------------------------------------ reading rhythm: sections, figures, drawers */
.pg-msq-sec+.pg-msq-sec{margin-top:104px}
@media (max-width:767px){.pg-msq-sec+.pg-msq-sec{margin-top:72px}}
.pg-msq-chips{margin-top:28px}
.pg-msq-fig{margin-top:44px}
.pg-msq-callout{margin-top:32px;max-width:684px}
.pg-msq-links{margin-top:24px}
.pg-msq-after{margin-top:28px}
.pg-msq-pull{max-width:min(68ch,38em);margin:48px 0 0}

/* why clients ask: two numbers, one title gap under the drawer */
.pg-msq-numbers{margin-top:52px}
.pg-msq-numbers__label{margin-bottom:16px}

/* match each question: who answers sits at the foot of each cell */
.pg-msq-kinds{margin-top:40px}
.pg-msq-kinds--person{--cy-hue:#FF6B2B}
.pg-msq-kinds__who{margin-top:auto;padding-top:24px;font-family:var(--font-mono);font-size:13px;line-height:1.45;color:var(--s-ink-3)}
.pg-msq-kinds .cy-cell__body{margin-bottom:0}

/* the four checks plate sits one gap under the text; the Trust Passport paper keeps the width it has on /product */
.pg-msq-four{margin-top:32px}
.pg-msq-paperfig{max-width:600px}
.pg-msq-fig .cy-fig__cap{max-width:68ch}