/* /compare/vanta · page scoped CSS (prefix pg-compare-vanta-). Spacing between shared blocks only, as the /compare/crowdstrike exemplar. */

.pg-compare-vanta-hero .cy-phero__meta{margin-top:32px}

/* compare table: the job column takes a quarter of the width */
@media (min-width:768px){.pg-compare-vanta-table .cy-table tbody th{width:26%}}
.pg-compare-vanta-chips{margin-top:40px}

/* one real request: the steps, the note and the callout under the block title */
.cy-split__text>.pg-compare-vanta-steps{margin-top:28px}
.cy-split__text>.pg-compare-vanta-note{margin-top:20px;font-size:16px}
.cy-split__text>.pg-compare-vanta-callout{margin-top:28px}
.pg-compare-vanta-fig{max-width:560px}
@media (min-width:900px){.pg-compare-vanta-fig{justify-self:end;width:100%}}
.pg-compare-vanta-gate{margin-top:20px}

/* where each fits: four situations, each with its verdict tag */
.pg-compare-vanta-decide .cy-cell__title{max-width:26em}
.pg-compare-vanta-limits{margin-top:32px}
.pg-compare-vanta-sub{margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.3;color:var(--s-ink)}
/* the sorted rows carry a word, not a time: give the label column room on phones */
@media (max-width:519px){.pg-compare-vanta-gate .cy-gate__row{grid-template-columns:66px 14px minmax(0,1fr)}}