/* /use-cases/security-alerts · page scoped CSS (prefix pg-uc-alerts-). Spacing between shared blocks only, as /product: every block
   used here (cy-mframe + cy-notif, cy-alert, cy-win + cy-answer, cy-gate, cy-cells, cy-versus, cy-stats) lives in css/components.css. */

/* why it matters: the numbers sit one title gap under the cells */
.pg-uc-alerts-numbers{margin-top:var(--pg-title-gap)}
.pg-uc-alerts-numbers__label{margin-bottom:16px}

/* how it works: the intro head, then the first block on the same ground one title gap below */
.pg-uc-alerts-how{padding-bottom:var(--pg-title-gap)}
.pg-uc-alerts-how__head{margin-bottom:0}
.pg-uc-alerts-block--first{padding-top:0}

/* a person decides: the three paths sit one title gap under the split */
.pg-uc-alerts-paths{margin-top:var(--pg-title-gap)}
.pg-uc-alerts-paths__label{margin-bottom:16px}

/* the four places plate: channel names sit where the gate keeps its times */
.pg-uc-alerts-where .cy-gate__t{color:var(--s-ink-2)}

/* hero: cy-phero--hug (shared), the caption 2px closer to the photo than the shared 16px */
@media (min-width:900px){.pg-uc-alerts-hero .cy-phero__cap{margin-top:-26px}}