/* /product · page scoped CSS (prefix pg-product-). Only spacing between shared blocks; every block style lives in css/components.css. */

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

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

/* the gate rows under the check rows (fig. 03) */
.pg-product-gate{margin-top:24px}

/* prove: the stamp line between the body and the chip */
.pg-product-stamp{margin-top:28px}
.pg-product-prove__fig{max-width:560px}
@media (min-width:900px){.pg-product-prove__fig{justify-self:end;width:100%}}