.price-table{width:100%;border-collapse:collapse}
.price-table td{padding:13px 4px;border-top:1px solid var(--border);font-size:15px;vertical-align:middle}
.price-table td:first-child{font-weight:500}
.price-table .col-head{font-family:var(--font-mono);font-size:13.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:400}
.vendor-tag{font-family:var(--font-mono);font-size:13.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;display:block;margin-top:2px}
.price-cell{font-family:var(--font-mono);font-size:14.5px;color:var(--text-muted);text-align:right}
.best-for{color:var(--text-muted);font-size:14.5px}
.updated-badge{font-family:var(--font-mono);font-size:12px;color:var(--accent);background:rgba(184,92,56,0.1);padding:3px 9px;border-radius:10px;white-space:nowrap;display:block;margin-top:3px;width:fit-content;margin-left:auto}
.badge-low{font-family:var(--font-mono);font-size:12px;color:#7fb896;background:rgba(127,184,150,0.1);padding:3px 9px;border-radius:10px;white-space:nowrap;display:block;margin-top:3px;width:fit-content;margin-left:auto}
.cat-foot{font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);margin-top:10px}
.cat-wrap,#cat-table{max-width:100%;min-width:0}
@media (max-width:1024px){
  #cat-table.is-wide{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    border:1px solid var(--border);
    border-radius:8px;
    background:
      linear-gradient(to left, var(--surface) 20%, transparent) right center / 28px 100% no-repeat local,
      linear-gradient(to left, color-mix(in srgb, var(--text) 34%, transparent), transparent) right center / 16px 100% no-repeat scroll;
  }
  #cat-table.is-wide .price-table{width:max-content;min-width:100%}
  #cat-table.is-wide td{max-width:16rem;overflow-wrap:break-word}
  #cat-table.is-wide td:first-child{min-width:8.5rem;max-width:14rem}
  #cat-table.is-wide .best-for{min-width:10rem}
  #cat-table.is-wide .price-cell,#cat-table.is-wide .col-head{white-space:nowrap;max-width:none}
}
