/* Vendor Watch (lead capture lane, 2026-10-14). The signup box reuses .pb-capture (dark) from styles.css;
   this file adds the kicker, fine print and the price tracker tables. Linked only from the pages that show it. */
.pb-watch { border: 1px solid rgba(212, 178, 114, 0.35); }
.pb-watch-kicker {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--gold-soft); margin: 0 0 var(--space-2);
}
.pb-watch h3 { text-wrap: balance; }
.pb-watch .pb-watch-fine { font-size: var(--fs-xs); opacity: 0.75; margin-top: var(--space-3); }
.pb-match .pb-watch-line { font-size: var(--fs-sm); color: var(--ink-soft); margin: 0 0 var(--space-2); }

.pw-article { max-width: 60rem; }
.pw-updated { font-size: var(--fs-sm); color: var(--ink-muted); margin: 0 0 var(--space-3); }
.pw-lede { font-size: var(--fs-lg); line-height: 1.55; max-width: var(--measure-read); }
.pw-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: var(--space-3) 0 var(--space-5); }
.pw-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); min-width: 520px; }
.pw-table th { text-align: left; border-bottom: 2px solid var(--ink); padding: 0.5rem 0.6rem; font-weight: 600; }
.pw-table td { border-bottom: 1px solid var(--rule); padding: 0.55rem 0.6rem; vertical-align: top; }
.pw-table td a { color: var(--accent); }
.pw-score { display: inline-block; font-weight: 700; font-size: 0.75rem; background: var(--accent-tint); color: var(--accent); border-radius: 4px; padding: 0 0.35rem; margin-left: 0.25rem; }
.pw-label { display: inline-block; font-size: 0.7rem; color: var(--ink-muted); margin-left: 0.25rem; }
.pw-low { display: inline-block; font-size: 0.7rem; font-weight: 600; color: #8F6A22; background: var(--gold-tint); border-radius: 4px; padding: 0 0.35rem; }
.pw-oos { display: inline-block; font-size: 0.7rem; color: #8F2F26; }
.pw-listing { font-size: 0.75rem; color: var(--ink-muted); }
.pw-compound { scroll-margin-top: 90px; }
.pw-flag { display: inline-block; font-size: 0.7rem; font-weight: 600; color: #8F2F26; background: #F6E3E0; border-radius: 4px; padding: 0 0.35rem; text-decoration: none; }
.pw-prices { min-width: 0; }
.pw-prices td:last-child { white-space: nowrap; }
.pw-prices .pw-low, .pw-prices .pw-flag, .pw-prices .pw-oos { margin-top: 0.25rem; }
@media (max-width: 480px) { .pw-table { font-size: 0.8rem; } .pw-table td, .pw-table th { padding: 0.5rem 0.35rem; } }
.pw-archive { margin: var(--space-6) 0; border: 1px solid var(--rule); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.pw-archive summary { cursor: pointer; font-weight: 600; color: var(--accent); }