/* /blog/ai-tool-inventory · page scoped CSS (prefix pg-ati-). Spacing between shared blocks, plus the three evidence cards of fig. 01
   (three shared .cy-rec cards in one row: the grid is the only new part). */

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

/* reading rhythm: sections, figures, drawers (as the exemplar /blog/mac-security-questionnaire) */
.pg-ati-sec+.pg-ati-sec{margin-top:104px}
@media (max-width:767px){.pg-ati-sec+.pg-ati-sec{margin-top:72px}}
.pg-ati-chips{margin-top:28px}
.pg-ati-links{margin-top:24px}
.pg-ati-fig{margin-top:44px}
.pg-ati-fig .cy-fig__cap{max-width:68ch}
.pg-ati-callout{margin-top:32px;max-width:684px}
.pg-ati-callout+.pg-ati-callout{margin-top:12px}
.pg-ati-pull{max-width:min(68ch,38em);margin:48px 0 0}
.pg-ati-refs{max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}
.pg-ati-gloss{margin-top:12px}

/* fig. 01: three kinds of evidence, one card each. Three columns in the reading column, one below 700px. */
.pg-ati-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg-ati-kinds .cy-rec__time.pg-ati-kinds__word{font-size:clamp(28px,2.4vw,34px);letter-spacing:-.035em}
.pg-ati-kinds .cy-rec__verdict{min-height:2.7em}
.pg-ati-kinds .cy-rec__rows>li{flex-direction:column;align-items:flex-start;gap:2px}
.pg-ati-kinds .cy-rec__rows>li>span:first-child{font-weight:500;color:var(--s-ink)}
.pg-ati-kinds .cy-rec__state{color:var(--s-ink-2)}
@media (min-width:1020px) and (max-width:1279px){.pg-ati-kinds .cy-rec{padding:20px 18px 18px}}
@media (max-width:699px){
  .pg-ati-kinds{grid-template-columns:minmax(0,1fr)}
  .pg-ati-kinds .cy-rec__verdict{min-height:0}
}

/* fig. 02: the assistant window keeps the width it has on /product */
.pg-ati-winfig{max-width:640px}