/* /blog/cloud-data-encryption · page scoped CSS (prefix pg-cde-). Spacing between shared blocks only, plus the three places table
   on its plate and the three steps on the FileVault plate. Everything else is shared (.cy-phero--photo, .cy-plate, .cy-steps, .cy-more,
   .cy-callout, .cy-next, .cy-nudge, .cy-posts). */

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

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

/* fig. 01: where the data sits, one row per place */
.pg-cde-table{font-size:15px}
.pg-cde-table th[scope="row"]{font-weight:500}
.pg-cde-table .cy-table__gloss{display:block;margin-top:2px;font-weight:400}

/* fig. 02: the three FileVault steps */
.pg-cde-steps .cy-step__t{font-family:var(--font-display);font-size:24px;letter-spacing:-.03em;line-height:1.2}
.pg-cde-steps .cy-step{padding:20px 0}
.pg-cde-steps .cy-step__d{max-width:52ch}