.ship-line{list-style:none;margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;counter-reset:st}
.ship-line li{position:relative;padding:.9rem .8rem 1rem;border:2px solid var(--iron);
  background:var(--paper);counter-increment:st}
.ship-line li + li{border-left:0}
.ship-line li::before{content:counter(st,decimal-leading-zero);display:block;
  font:700 .75rem/1 "Courier New",Courier,monospace;color:var(--hazard);margin-bottom:.45rem}
.ship-line li b{display:block;font-size:1.02rem;line-height:1.2}
.ship-line li span{display:block;margin-top:.3rem;font-size:.85rem;line-height:1.35;color:var(--steel)}
.ship-line li:last-child{background:var(--iron);color:var(--on-iron)}
.ship-line li:last-child span{color:var(--on-iron);opacity:.8}
.ship-line li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;z-index:1;
  width:16px;height:16px;margin-top:-8px;background:var(--hazard);transform:rotate(45deg)}
@media (max-width:52rem){
  .ship-line{grid-template-columns:minmax(0,1fr)}
  .ship-line li + li{border-left:2px solid var(--iron);border-top:0}
  .ship-line li:not(:last-child)::after{right:auto;left:1.2rem;top:auto;bottom:-9px;margin-top:0}
}
code{font-family:"Courier New",Courier,monospace;font-size:.95em}