/* Blip IDs (CIT Tools). Builds on /CITtools/assets/ids/ids.css. */
.bl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.bl-card{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 9px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);scroll-margin-top:16px}
.bl-card:target{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dark)}
.bl-pics{display:flex;gap:8px;align-items:flex-end;margin-bottom:4px}
.bl-pics figure{margin:0;flex:0 0 auto;text-align:center}
.bl-pics img{display:block;width:72px;height:72px;padding:6px;border-radius:8px;background:#101315;object-fit:contain}
.bl-pics .bl-gta img{padding:0;image-rendering:pixelated}
.bl-pics figcaption{font-size:11px;color:var(--dim);margin-top:2px}
.bl-grid .bl-id{display:flex;align-items:baseline;gap:7px}
.bl-grid .bl-id b{font-size:20px;color:var(--accent)}
.bl-grid .bl-id span{font-size:14px;color:var(--text);overflow-wrap:anywhere}
.bl-grid .bl-code{font-size:11px;color:var(--dim);overflow-wrap:anywhere}
.bl-grid .bl-cit{font-size:13px;line-height:1.45;color:var(--cit)}
.bl-grid .bl-cit + .bl-cit{margin-top:1px}
.bl-card .code-row{margin-top:auto;padding:5px 5px 5px 9px;gap:6px;border:1px solid var(--line);border-radius:8px;background:#101315}
.bl-card .bl-cit + .code-row,.bl-card .bl-code + .code-row{margin-top:8px}
.bl-card .code-row code{font-size:12px}
.bl-card .copy{padding:4px 9px}
.bl-note{font-size:13px}
/* icon 0: the marker's shapes, sizes and colours, as GTA's radar drew them */
.bl-zero{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;list-style:none;padding:0;margin:10px 0 0}
.bl-zero li{padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center;font-size:12px;color:var(--muted)}
.bl-zero img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:7px;margin-bottom:4px;image-rendering:pixelated}
.bl-zero b{display:block;color:var(--text);font-size:13px}
.bl-cit-facts{margin-top:22px;padding:14px 16px;border:1px solid #1f4a41;border-radius:var(--radius);background:linear-gradient(180deg,#12201d,var(--panel) 70%)}
.bl-cit-facts ul{margin:6px 0 0;padding-left:18px;color:var(--text);font-size:14px}
.bl-cit-facts li+li{margin-top:4px}
.bl-syntax{margin-top:12px}
.bl-syntax code{font-size:13px}
.code + p,.code + dl{margin-top:10px}
@media (max-width:620px){
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .bl-card{padding:6px}
  .bl-zero{grid-template-columns:repeat(3,minmax(0,1fr))}
}