/* /blog/privacy-first-cybersecurity · page scoped CSS (prefix pg-pf-). Spacing between shared blocks, and the two lists plate
   (two shared .cy-rec cards side by side; they stack when the plate is narrow). */

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

/* reading rhythm (as the exemplar /blog/mac-security-questionnaire) */
.pg-pf-sec+.pg-pf-sec{margin-top:104px}
@media (max-width:767px){.pg-pf-sec+.pg-pf-sec{margin-top:72px}}
.pg-pf-chips{margin-top:28px}
.pg-pf-fig{margin-top:44px}
.pg-pf-fig .cy-fig__cap{max-width:68ch}
.pg-pf-after{margin-top:32px}
.pg-pf-pull{max-width:min(68ch,38em);margin:48px 0 0}

/* the two lists: two cards, one row each item, a hex in front */
.pg-pf-lists{container:pg-pf-lists/inline-size}
.pg-pf-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pg-pf-pair .cy-rec__rows>li{justify-content:flex-start}
.pg-pf-pair .cy-rec__state{align-items:flex-start;gap:12px}
.pg-pf-pair .cy-rec__state .cy-hex{flex:none;margin-top:4px}
@container pg-pf-lists (max-width:619px){.pg-pf-pair{grid-template-columns:minmax(0,1fr)}}

/* six questions: one gap under the text */
.pg-pf-six{max-width:none}