/* ATLAS — artikelafbeeldingen */
.ai-cell { display:flex; align-items:center; gap:12px; }
.ai-thumb-wrap { flex:none; width:56px; height:56px; border-radius:10px; background:#f6f8fb; border:1px solid #e6ebf2; display:grid; place-items:center; overflow:hidden; }
.ai-thumb { width:52px; height:52px; display:block; }
.ai-detail { margin:4px 0 18px; padding:14px; border:1px solid #e6ebf2; border-radius:14px; background:#fbfcfe; display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:8px; }
.ai-figure { width:100%; max-width:420px; height:auto; display:block; }
.ai-detail figcaption { width:100%; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:12.5px; color:#536783; text-align:center; }
.ai-detail figcaption b { color:#17243d; font-size:13px; }
.ai-detail small { color:#8a97ab; font-size:11px; }
.ai-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.ai-legend span { display:inline-flex; align-items:center; gap:6px; }
.ai-legend i { display:inline-block; width:16px; height:4px; border-radius:2px; }
.ai-legend i.dash { height:0; border-top:2px dashed #165cf5; }