/* /blog/lost-work-mac · page scoped CSS (prefix pg-lwm-, short for the slug). Spacing between shared blocks, the first report of
   fig. 01 (one shared .cy-rec on a .cy-plate, as the exemplar's fig. 02 without the second record), the steps on the fig. 02 plate
   (as /blog/client-api-key-handover). fig. 03 is the shared .cy-versus as the exemplar uses it. */

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

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

/* fig. 01: the first report, one record card; the plate takes the card's width so no empty half sits beside it */
.pg-lwm-reportfig{max-width:540px}

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