/* /use-cases/team-changes · page scoped CSS (prefix pg-tc-, short for the slug). Spacing between shared blocks, plus two small page
   parts: the "not seen by cybee" line inside the hero answer card (.pg-tc-gap) and the hollow label of the "outside cybee" cell. */

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

/* hero answer: what cybee cannot see, as a quiet line under the open item (mock text, 13px and up). Capped at 62ch since
   step 6 (29 Sep): the wider stage window let it run to ~89 characters a line */
.pg-tc-gap{display:flex;align-items:baseline;gap:10px;max-width:62ch;font-size:calc(13px + var(--pg-mock-bump));line-height:1.45;color:#515154;text-wrap:pretty}
.pg-tc-gap .cy-sq{flex:none;transform:translateY(-1px)}

/* fig. 03: the one decision under the tool rows */
.pg-tc-gate{margin-top:20px}

/* fig. 04: the handover note on its own, with room inside */
.pg-tc-rec{padding:28px 32px 26px}
@media (max-width:519px){.pg-tc-rec{padding:22px 20px 20px}}

/* who checks what: the plan tag sits at the foot of each cell; the outside cell has a hollow square */
.pg-tc-owners .cy-cell__tags{margin-top:auto;margin-bottom:0;padding-top:24px}
.pg-tc-owners__link{margin-top:32px}