/* /compare/drata · page scoped CSS (prefix pg-compare-drata-). Spacing between shared blocks, as the /compare/crowdstrike exemplar,
   plus one layout change: the two records (fig. 01) need more width than the split's six columns, so this split gives the figure
   eight columns from 1100px and stacks below 1100px (the records sit side by side down to 640px). */

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

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

/* one real request: the steps, the note and the callout under the block title */
.cy-split__text>.pg-compare-drata-steps{margin-top:28px}
.cy-split__text>.pg-compare-drata-note{margin-top:20px;font-size:16px}
@media (min-width:1100px){
  .pg-compare-drata-split{grid-template-rows:auto 1fr}
  .pg-compare-drata-split .cy-split__text{grid-column:1/span 4;grid-row:1/span 2}
  .pg-compare-drata-split .cy-split__fig{grid-column:5/span 8;grid-row:1;padding-left:32px}
  .pg-compare-drata-split>.pg-compare-drata-callout{grid-column:5/span 8;grid-row:2;align-self:start;margin-left:32px}
}
@media (max-width:1099px){
  .pg-compare-drata-split .cy-split__text,.pg-compare-drata-split .cy-split__fig{grid-column:1/-1;grid-row:auto}
  .pg-compare-drata-split .cy-split__text{max-width:720px}
  .pg-compare-drata-split>.pg-compare-drata-callout{grid-column:1/-1;max-width:720px}
}

/* where each fits: four situations, each with its verdict tag */
.pg-compare-drata-decide .cy-cell__title{max-width:26em}
.pg-compare-drata-limits{margin-top:32px}
/* the plate around the two records is a flat white panel on frost, as the reading layout's plate (.cy-read .cy-plate): the records
   keep their hairlines, so the plate carries no second outline (no card inside a card) */
.pg-compare-drata-fig .cy-plate{box-shadow:none}