/* Vehicle Upgrade IDs (CIT Tools). Builds on /CITtools/assets/ids/ids.css. */
.vu-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.vu-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;background:#e9ecef}
.vu-plain{padding:4px 14px 14px;margin:0;font-size:14px;line-height:1.7}
.vu-grid .vu-nm{display:block;font-weight:600;color:var(--text);font-size:14px;margin-top:2px}
.vu-grid span{font-size:12px}
.vu-none{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:8px;background:var(--raised);color:var(--dim);font-size:12px;text-align:center;padding:10px}
.vu-none.big{aspect-ratio:16/10;font-size:14px;padding:24px}
.vu-pics{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:16px}
.vu-pics figure{margin:0}
.vu-side{display:grid;gap:10px;align-content:start}
.vu-pics img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);display:block;background:#e9ecef}
.vu-pics figcaption{font-size:12px;color:var(--dim);margin-top:6px}
.vu-pick,.vu-more{margin:14px 0 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.vu-pick summary,.vu-more summary{cursor:pointer;padding:11px 14px;font-weight:600;color:var(--accent)}
.vu-cars-list{list-style:none;padding:4px 14px 14px;columns:4;column-gap:20px;margin:0}
.vu-cars-list li{break-inside:avoid;margin-bottom:3px;font-size:14px}
.vu-table td:first-child{width:60px}
@media (max-width:760px){.vu-pics{grid-template-columns:1fr}.vu-cars-list{columns:2}.vu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}