/* ═══════════════════════════════════════════════════════════════════
   APS Revamp Components — built on aps-design-tokens.css
   Loaded globally; styles new revamp components consistently.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Product loop card: score badge + key-spec pills (PDF §07) ── */
.aps-product-thumb{position:relative}
.aps-card-score{
  position:absolute;top:8px;right:8px;z-index:2;
  display:inline-flex;align-items:center;gap:2px;
  font-size:12px;font-weight:700;line-height:1.25;color:#fff;
  background:var(--aps-green);padding:2px 8px;border-radius:var(--aps-radius-pill);
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.aps-card-score::before{content:"\2605";font-size:11px}
.aps-product-pills{
  display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px;
}
.aps-product-pill{
  font-size:11px;font-weight:600;line-height:1.4;
  color:var(--aps-navy);background:#EEF2FB;border:1px solid #DCE4F5;
  padding:2px 8px;border-radius:var(--aps-radius-sm);white-space:nowrap;
}
.aps-product-pill--panel{color:var(--aps-good-fg);background:var(--aps-good-bg);border-color:transparent}

/* ── Card "View Specs" link (replaces dead cart button) ── */
.aps-btn-small.aps-view-specs{
  display:inline-flex;align-items:center;font-size:12px;font-weight:600;
  color:var(--aps-blue);text-decoration:none;padding:4px 8px;border-radius:6px;
}
.aps-btn-small.aps-view-specs:hover{background:#EEF2FB}

/* ── Archive editorial intro (PDF §6.1) ── */
.aps-archive-intro{
  max-width:760px;margin:6px 0 18px;
  color:var(--aps-t2);font-size:var(--aps-body);line-height:1.6;
}