/* /blog/cyber-insurance-evidence · page scoped CSS (prefix pg-cie-, short for the slug). Spacing between shared blocks and the answer
   sheet of fig. 01 (a shared .cy-table on a .cy-plate; the marks reuse .cy-hex and .cy-rec__rule, as /blog/client-api-key-handover).
   The Trust Passport paper of fig. 02 keeps the width it has on /product and the exemplar. */

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

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

/* two numbers under the short answer */
.pg-cie-numbers{margin-top:52px}
.pg-cie-numbers__label{margin-bottom:16px}

/* fig. 01: the answer sheet */
.pg-cie-table{font-size:15px}
.pg-cie-table thead th:first-child{width:34%}
.pg-cie-table tbody th{font-weight:500;text-wrap:balance}
.pg-cie-table .cy-table__gloss{display:block;margin-top:4px;font-family:var(--font-mono);font-size:13px;font-weight:400}
.pg-cie-table tbody tr:last-child>*{border-bottom:0;padding-bottom:0}
.pg-cie-state{display:inline-grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;align-items:baseline}
.pg-cie-state>.cy-hex{--hex-w:12px;transform:translateY(1px)}
.pg-cie-state>.cy-rec__rule{transform:translateY(-4px)}
@media (max-width:767px){
  .pg-cie-table tbody tr:first-child{border-top:0;padding-top:0}
  .pg-cie-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
}

/* fig. 01 is the owner's own sheet, so a dated record carries the plain Signal square (a note), not the sealed hex of a cybee record */
.pg-cie-state>.cy-sq{transform:translateY(-2px)}