/* /blog/security-training-small-team · page scoped CSS (prefix pg-tst-). Spacing between shared blocks (as the exemplar
   /blog/mac-security-questionnaire), the provider guidance line, the lesson moment and steps on the fig. 01 plate, the Due square and
   the plate foot of fig. 02 and the Training due square of fig. 03 (the /product/training picture parts, scoped here). */

.pg-tst-title{text-wrap:balance}

/* reading rhythm: sections, figures, drawers */
.pg-tst-sec+.pg-tst-sec{margin-top:104px}
@media (max-width:767px){.pg-tst-sec+.pg-tst-sec{margin-top:72px}}
.pg-tst-chips{margin-top:28px}
.pg-tst-fig{margin-top:44px}
.pg-tst-fig .cy-fig__cap{max-width:68ch}
.pg-tst-callout{margin-top:32px;max-width:684px}
.pg-tst-links{margin-top:24px}
.pg-tst-roles{margin-top:32px}

/* the provider guidance line under a section (the old page's "Provider guidance: …") */
.pg-tst-ref{margin-top:28px;max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}

/* fig. 01: one moment in Machina, then three steps flush in the plate */
.pg-tst-moment{margin-top:8px;font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.35;color:var(--s-ink);text-wrap:pretty}
.pg-tst-moment__2{color:var(--s-ink-3)}
.pg-tst-steps{margin-top:24px;border-bottom:0}
@media (max-width:519px){.pg-tst-moment{font-size:22px}}

/* fig. 02: the Due state square at the hex size, and the plate foot */
.pg-tst-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--s-line);font-family:var(--font-mono);font-size:calc(13px + var(--pg-mock-bump));line-height:1.4;color:var(--s-ink-3)}

/* fig. 03: the Training due state is a 26px iris square in the card head (DS SUR menu bar card); the frame keeps a reading width */
.pg-tst-barfig{max-width:684px}