/* /blog/ai-powered-cybersecurity-smes · page scoped CSS (prefix pg-aps-). Spacing between shared blocks, plus the rows of the
   "large company / small team" plate (fig. 01). Everything else is the shared article kit. */

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

.pg-aps-sec+.pg-aps-sec{margin-top:104px}
@media (max-width:767px){.pg-aps-sec+.pg-aps-sec{margin-top:72px}}
.pg-aps-chips{margin-top:28px}
.pg-aps-fig{margin-top:44px}
.pg-aps-fig .cy-fig__cap{max-width:68ch}
.pg-aps-after{margin-top:28px}
.pg-aps-callout{margin-top:32px;max-width:684px}
.pg-aps-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-aps-numbers{margin-top:52px}
.pg-aps-numbers__label{margin-bottom:16px}

/* fig. 01 · what a large company has, and what a small team can have today */
.pg-aps-rows{list-style:none;margin:0;padding:0}
.pg-aps-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;align-items:baseline;margin:0;padding:18px 0;border-top:1px solid var(--s-line)}
.pg-aps-row:first-child{border-top:0;padding-top:0}
.pg-aps-row:last-child{padding-bottom:0}
.pg-aps-big,.pg-aps-small{margin:0;font-size:calc(15px + var(--pg-mock-bump));line-height:1.45;text-wrap:pretty}
.pg-aps-big{color:var(--s-ink-3)}
.pg-aps-small{display:flex;gap:12px;align-items:baseline;color:var(--s-ink)}
.pg-aps-small .cy-hex{flex:none;transform:translateY(1px)}
@media (max-width:640px){
  .pg-aps-row{grid-template-columns:minmax(0,1fr);row-gap:6px}
}

/* fig. 02 · the ember rule before the next step, as on the connection picture */
.pg-aps-rule{display:inline-block;width:14px;height:3px;margin-right:10px;vertical-align:middle;background:#FF6B2B}

/* the plate head names two columns: let it wrap on phones instead of pushing the plate wider */
@media (max-width:640px){
  .pg-aps-plate .cy-plate__head{flex-direction:column;gap:2px}
  .pg-aps-plate .cy-plate__head>span:last-child:not(:first-child){white-space:normal}
}