.market{padding:32px 0 56px}
.market h1{font-size:clamp(26px,3.6vw,40px);color:var(--indigo);margin:8px 0 10px}
.lead{color:var(--muted);max-width:640px;margin-bottom:24px}
.line{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0 14px;
  align-items:start;position:relative;padding-top:28px;
}
.line:before{
  content:"";position:absolute;top:10px;left:4%;right:4%;height:4px;background:var(--indigo);
}
.hang{scroll-margin-top:72px;position:relative;padding-top:18px}
.hang:before{
  content:"";position:absolute;top:-18px;left:50%;width:2px;height:18px;background:var(--indigo);
}
.cloth{
  min-height:210px;padding:22px 14px 16px;text-align:center;
  background:var(--indigo);color:var(--cloth);
}
.cloth:nth-child(1),.hang:nth-child(1) .cloth{background:var(--indigo)}
#mac .cloth{background:var(--teal);margin-top:22px}
#app .cloth{background:var(--brick)}
#web .cloth{background:#8a7420;margin-top:22px}
.cloth h2{font-size:16px;color:var(--gold);margin-bottom:8px}
.cloth p{font-size:13px;color:#e8dcc4;margin-bottom:14px}
.vat{
  margin:28px auto 0;width:min(420px,100%);
  border:8px solid var(--indigo);background:var(--indigo-2);color:var(--cloth);
  padding:16px;text-align:center;
}
.vat img{width:100%;height:120px;object-fit:cover;margin-bottom:10px;opacity:.7}
.vat a{display:inline-block;margin-top:8px;color:var(--gold);font-weight:800}

.board{padding:8px 0 56px}
.board-grid{display:grid;grid-template-columns:200px 1fr;gap:20px}
.pegs{display:flex;flex-direction:column;gap:10px}
.pegs span{padding:10px 12px;background:var(--wax);border-left:6px solid var(--brick);font-size:13px;font-weight:700;color:var(--indigo)}
.pegs span:nth-child(2){border-left-color:var(--gold)}
.pegs span:nth-child(3){border-left-color:var(--teal)}
.chart{width:100%;border-collapse:collapse;background:var(--wax);border:3px solid var(--indigo);font-size:14px}
.chart th,.chart td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0d4b8}
.chart th{background:var(--indigo);color:var(--gold)}

@media(max-width:900px){
  .line,.board-grid{grid-template-columns:1fr}
  #mac .cloth,#web .cloth{margin-top:0}
}