/* /product/workspace · page scoped CSS (prefix pg-workspace-). Spacing between shared blocks, the two record cards side by side
   (fig. 04) and the hollow label of the "outside it" cell. Every block style lives in css/components.css. */

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

/* close: the limit callout between the body and the link row */
.pg-workspace-callout{margin-top:28px}

/* prove: the two records (shared .cy-recs--pair) also stack while the split's figure column is narrow */
@media (min-width:900px) and (max-width:1179px){.pg-workspace-recs{grid-template-columns:minmax(0,1fr)}}

/* what it reads: the points one step under the cell title, the outside column with a hollow square */
.pg-workspace-points{margin-top:20px}
.pg-workspace-scope__links{margin-top:32px}

/* the timeline plates (fig. 02, 03): the first row 4px under the plate head's rule (the shared .cy-plate__head+.cy-gate drops the gate's own) */
.pg-workspace-gate>.cy-gate__row:first-child{padding-top:4px}