/* simplepeptidereview.com — archive page (listing records) styles.
   Purpose-built for the archived catalogue payload; class names are kept from the
   payload so the data block renders without touching a single record. */

.arch-main{padding:30px 0 60px}
.arch-shell{max-width:1180px;margin:0 auto;padding:0 24px}
.arch-shell .crumbs{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}
.arch-shell .crumbs a{color:var(--ink-3);border:none}
.arch-shell .crumbs s{text-decoration:none;margin:0 8px;color:var(--rule-2)}
.arch-shell h1{font-size:1.8rem;line-height:1.26;margin-bottom:10px}
.arch-shell .lede{font-size:1.02rem;color:var(--ink-2);border-left:2px solid var(--rust);padding-left:15px;margin:0 0 18px;max-width:52em}
.arch-shell .disc{border:1px dashed var(--rule-2);background:#fbfcfc;padding:14px 17px;font-size:.82rem;color:var(--ink-3);line-height:1.7;margin-bottom:22px}
.arch-shell .disc b{color:var(--ink-2)}
.arch-shell .cols{display:block}          /* payload wrapper, not the article grid */

/* tabs */
.vd-tabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-bottom:20px;flex-wrap:wrap}
.vd-tab{appearance:none;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);
  padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.vd-tab:hover{color:var(--ink)}
.vd-tab.on{color:var(--ink);border-bottom-color:var(--rust)}
.vd-tab.wa{display:none}

/* search */
.vd-search{display:flex;align-items:center;gap:10px;border:1px solid var(--rule-2);background:#fff;padding:10px 14px;margin-bottom:12px}
.vd-search svg{color:var(--ink-3);flex:0 0 auto}
.vd-search input{flex:1;border:none;outline:none;background:none;font:inherit;font-size:.92rem;color:var(--ink)}
.vd-search input::placeholder{color:var(--ink-3)}

/* filter chips */
.vd-chiprow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.vd-chiprow .lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:3px}
.vd-chip{appearance:none;background:#fff;border:1px solid var(--rule-2);color:var(--ink-2);border-radius:999px;
  font-size:.76rem;padding:4px 12px;cursor:pointer;line-height:1.6}
.vd-chip:hover{border-color:var(--pine);color:var(--pine)}
.vd-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.vd-count{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 6px}

/* vendor filter notice */
.vd-vbar{background:var(--wash);border-left:3px solid var(--pine);padding:9px 14px;font-size:.84rem;color:var(--ink-2);margin-bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.vd-vbar b{color:var(--ink)}
.vd-vbar-x{appearance:none;border:1px solid var(--rule-2);background:#fff;font-size:.72rem;padding:3px 9px;cursor:pointer;color:var(--ink-2);margin-left:auto}

/* product rows */
.vd-cat{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--rust);
  padding:18px 0 6px;border-bottom:1px solid var(--rule-2)}
.vd-item{border-bottom:1px solid var(--rule)}
.vd-row{appearance:none;width:100%;background:none;border:none;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:16px minmax(0,1fr) 96px 120px;gap:12px;align-items:center;padding:12px 2px;font:inherit}
.vd-row:hover{background:#f9fbfa}
.vd-arrow{color:var(--ink-3);transition:transform .16s ease}
.vd-item.open .vd-arrow{transform:rotate(90deg)}
.vd-name{font-size:.95rem;color:var(--ink);font-weight:600}
.vd-name small{font-weight:400;color:var(--ink-3);font-size:.78rem}
.vd-sup{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:right}
.vd-from{text-align:right;font-size:.92rem;color:var(--ink)}
.vd-from em{font-family:var(--mono);font-style:normal;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block}
.vd-from b{font-weight:700}
.vd-detail{display:none;padding:2px 2px 16px 28px}
.vd-item.open .vd-detail{display:block}
.vd-detail table{width:100%;border-collapse:collapse;font-size:.83rem;background:#fff;border:1px solid var(--rule)}
.vd-detail th{text-align:left;padding:7px 11px;background:var(--ink);color:#e6edee;font-family:var(--mono);
  font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.vd-detail td{padding:7px 11px;border-bottom:1px solid var(--rule);color:var(--ink-2)}
.vd-detail tr:last-child td{border-bottom:none}
.vd-detail td.p{font-weight:700;color:var(--ink);text-align:right;white-space:nowrap}
.vd-detail .none,.vd-list .vd-count{font-size:.83rem;color:var(--ink-3)}
.wac{width:70px;text-align:center}

/* vendor cards */
.vd-vendor{border:1px solid var(--rule);background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.vd-vendor h3{font-family:Georgia,serif;font-size:1rem;margin:0}
.vd-vendor .loc{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.vd-vendor p{font-size:.82rem;color:var(--ink-2);margin:0}
.vd-vendor .contact{font-size:.79rem;color:var(--ink-3);margin-top:2px}
.vd-vendor .contact a{border:none}
.vd-vfoot{display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:8px;border-top:1px dotted var(--rule-2)}
.vd-vfoot .vpl{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);border:none}
.vd-vfoot .vd-wa{display:none}

@media(max-width:700px){
  .vd-row{grid-template-columns:14px minmax(0,1fr) 92px;gap:9px}
  .vd-sup{display:none}
  .vd-detail{padding-left:0}
}