/* fix/page-images-grid: two-column rows. Per imaged heading: .pgi-row = heading + figure + .pgi-body. Figure on the start side (left, mirrored in RTL by the grid), heading and ALL section content in one text column. Fixed aspect-ratio + width/height = no layout shift. */
.pgi-row{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:28px;align-items:start}
.tp-prose .pgi-row.pgi-h2{margin-top:48px}
.tp-prose .pgi-row.pgi-h3{margin-top:32px}
.tp-prose .pgi-row>h2,.tp-prose .pgi-row>h3{grid-column:2;grid-row:1;margin-top:0}
.pgi-row>.pgi{grid-column:1;grid-row:1 / span 2;margin:0}
.pgi-row>.pgi-body{grid-column:2;grid-row:2;min-width:0}
.pgi-body>:last-child{margin-bottom:0}
.pgi{width:100%;aspect-ratio:8/5;border-radius:14px;overflow:hidden;border:1px solid var(--line-2,rgba(255,255,255,.12));background:#0b0f18}
.pgi img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.pgi-row:has(.pgi-ico){grid-template-columns:64px minmax(0,1fr);column-gap:20px}
.pgi-ico{aspect-ratio:1;border-radius:16px}
@media (max-width:599px){
  .pgi-row,.pgi-row:has(.pgi-ico){display:block}
  .pgi-row>.pgi{width:100%;max-width:340px;margin:2px 0 16px}
  .pgi-row>.pgi.pgi-ico{width:52px;max-width:none;border-radius:14px}
}