/* /blog/cloud-security-small-business · page scoped CSS (prefix pg-csb-, short for the slug). Spacing between shared blocks,
   the one statistic as a single stat, and fig. 1: the shared responsibility split as two ruled columns on a .cy-plate
   (provider with the hollow square, you with the Signal square, the foot line with the ember rule because a person acts).
   Fig. 2 is the shared .cy-checklist. */

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

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

/* the one statistic: a single stat, left aligned, one column */
.pg-csb-stat{--cy-cols:1;margin-top:40px;max-width:520px}
.pg-csb-stat .cy-stat{padding-right:0}

/* fig. 1: the split */
.pg-csb-split__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-csb-split__col{min-width:0;padding-right:28px}
.pg-csb-split__col+.pg-csb-split__col{padding:0 0 0 28px;border-left:1px solid var(--s-line)}
.pg-csb-split__k{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-csb-split__q{margin-top:12px;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--s-ink);text-wrap:balance}
.pg-csb-split__rows{display:grid;margin-top:20px;border-top:1px solid var(--s-line)}
.pg-csb-split__rows>li{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--s-line);font-size:16px;line-height:1.45;color:var(--s-ink)}
.pg-csb-split__v{font-size:15px;color:var(--s-ink-2)}
.pg-csb-split__foot{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:12px;align-items:baseline;margin-top:28px;font-size:16px;line-height:1.5;color:var(--s-ink)}
.pg-csb-split__foot .cy-rec__rule{transform:translateY(-4px)}
@media (max-width:599px){
  .pg-csb-split__cols{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .pg-csb-split__col,.pg-csb-split__col+.pg-csb-split__col{padding:0;border-left:0}
  .pg-csb-split__q{font-size:20px}
}

/* fig. 2: the five checks sit one gap under the text */
.pg-csb-five{margin-top:0}

/* the German pass: the column questions wrap in German where the English fits one line */
html[lang^="de"] .pg-csb-split__q{line-height:1.32}