/* /for/gtm-agencies · page scoped CSS (prefix pg-gtm-). Spacing between shared blocks, plus the one handover note line under the
   fig. 03 check rows (promote request: a mono labelled note line for plates). Same rhythm as the reference page /product. */

/* hero: the H1's fade line ("Less access left to chance.") needs the full 12 columns once the H1 reaches 100px (1600 and up),
   or it breaks onto a third line */
@media (min-width:1020px){.pg-gtm-head{grid-column:1/-1}}

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

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

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

/* fig. 03: the handover note under the check rows, on the plate's hairline */
.pg-gtm-note{display:grid;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid var(--s-line-2)}
.pg-gtm-note__k{font-family:var(--font-mono);font-size:calc(13px + var(--pg-mock-bump));line-height:1.4;color:var(--s-ink-3)}
.pg-gtm-note__t{font-size:calc(15px + var(--pg-mock-bump));line-height:1.45;color:var(--s-ink);text-wrap:pretty}

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