.spins-layout { display:grid; grid-template-columns: 1fr 280px; gap:32px; align-items:start; }
.spins-rail { position:sticky; top:70px; border:1px solid var(--border); padding:16px; background:rgba(2,15,47,0.7); }
.spins-rail img { max-width:100%; max-height:220px; height:auto; object-fit:cover; display:block; margin-bottom:12px; }
.timeline { border-left:2px solid var(--secondary); margin:20px 0 20px 8px; padding-left:18px; }
.timeline li { margin-bottom:14px; list-style:none; color:var(--muted); }
.timeline strong { color:var(--secondary); display:block; }
@media(max-width:900px){ .spins-layout{ grid-template-columns:1fr; } .spins-rail{ position:static; } }
@media(max-width:375px){
  .spins-rail,.spins-rail img,.spins-layout{ max-width:100%; overflow:hidden; }
  .spins-rail img{ max-height:160px; width:100%; object-fit:cover; }
}