.sp-figs { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin: 16px 0; }
.sp-fig { margin: 0; }
.sp-frame { position: relative; border: 1px solid #c9d2dc; border-radius: 6px; overflow: hidden; background: #fff; }
.sp-frame img { display: block; width: 100%; height: auto; }
.sp-fig figcaption { margin-top: 6px; color: #5a6877; }
.sp-pin { position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #274a78; color: #fff; font: 700 13px/24px system-ui, sans-serif; text-align: center; box-shadow: 0 0 0 2px #fff; }
.sp-parts { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.sp-parts li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.sp-parts .sp-pin { position: static; }