/* /compare/bitdefender · page scoped CSS (prefix pg-compare-bitdefender-). Spacing between shared blocks only, as the exemplar
   /compare/crowdstrike: every part used here is shared in css/components.css. */

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

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

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

/* where each fits: four situations, each with its verdict tag */
.pg-compare-bitdefender-decide .cy-cell__title{max-width:26em}
.pg-compare-bitdefender-limits{margin-top:32px}