/* Car Show HQ — Screenshot grid block (navy asymmetric) */
body.cshq .cshq-shotgrid__eyebrow { display: block; font-size: 13px; }
body.cshq .cshq-shotgrid__h2 { margin: 14px 0 34px; font-size: 38px; color: #fff; }

body.cshq .cshq-shotgrid__grid {
  display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: 230px 230px; gap: 20px;
}
body.cshq .cshq-shotgrid__cell {
  border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.14);
  height: 100%;   /* definite height so object-fit:cover crops instead of stretching the cell */
}
body.cshq .cshq-shotgrid__cell--main { grid-row: 1 / span 2; }
body.cshq .cshq-shotgrid .cshq-slot { border-radius: 16px; height: 100%; }
body.cshq .cshq-shotgrid .cshq-slot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }

/* Main cell: the admin screenshots sit on the app's #f7f8fa background, so contain-fit
   on that same background shows the WHOLE board seamlessly (cover was slicing the
   left/right edge labels off — cell aspect 1.22 vs image 1.38). */
body.cshq .cshq-shotgrid__cell--main .cshq-slot { background: #f7f8fa; }
body.cshq .cshq-shotgrid__cell--main .cshq-slot img { object-fit: contain !important; object-position: center !important; }

@media (max-width: 860px) {
  body.cshq .cshq-shotgrid__h2 { font-size: 30px; }
  body.cshq .cshq-shotgrid__grid { grid-template-columns: 1fr; }
  body.cshq .cshq-shotgrid__cell--main { grid-row: auto; min-height: 300px; }
}