/* /use-cases/workspace-app-access · page scoped CSS (prefix pg-uc-wsa-). Spacing between shared blocks, plus one layout helper: the two
   records side by side in fig. 04 (.pg-uc-wsa-recs, a plain two column grid of shared .cy-rec cards). Every block style lives in
   css/components.css. */

/* why it matters: the numbers sit one title gap under the cells */
.pg-uc-wsa-numbers{margin-top:var(--pg-title-gap)}
.pg-uc-wsa-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-wsa-how{padding-bottom:var(--pg-title-gap)}
.pg-uc-wsa-how__head{margin-bottom:0}
.pg-uc-wsa-block--first{padding-top:0}

/* review: steps and the limit line inside the split text */
.pg-uc-wsa-steps{margin-top:28px}
.pg-uc-wsa-after{margin-top:24px}

/* fig. 02: the grant card, then the gate one step below it (the card draws its own frame, the gate needs no top rule) */
.pg-uc-wsa-gate{margin-top:24px;border-top:0}

/* prove: the limit callout under the body */
.pg-uc-wsa-limit{margin-top:28px}