/* Standard buyer-guide components shared by the canonical template and articles. */
main.container { max-width: 1120px; padding-top: calc(var(--nav-h, 72px) + 96px); padding-bottom: 48px; }
.article-meta, .methodology-cta, .rank-firewall, .source-note { margin: 12px 0; line-height: 1.65; }
.quick-picks, .vendor-list, .comparison-table { margin: 32px 0; }
.quick-picks, .comparison-table { overflow-x: auto; }
.quick-picks table, .comparison-table table, .vendor-card__pricing-table { width: 100%; border-collapse: collapse; text-align: left; }
.quick-picks th, .quick-picks td, .comparison-table th, .comparison-table td, .vendor-card__pricing-table th, .vendor-card__pricing-table td { padding: 14px 16px; border: 1px solid #d9e5e3; vertical-align: top; }
.quick-picks th, .comparison-table th, .vendor-card__pricing-table th { background: #edf6f4; color: #164e4a; font-weight: 700; }
.vendor-card { padding: clamp(20px, 4vw, 32px); margin: 24px 0; border: 1px solid #d9e5e3; border-radius: 12px; background: #fff; box-shadow: 0 4px 16px rgba(22,78,74,.05); scroll-margin-top: calc(var(--nav-h, 72px) + 32px); }
.vendor-card__header h3 { margin: 0 0 8px; font-size: 1.5rem; }
.vendor-card__tagline { margin-bottom: 20px; line-height: 1.6; }
.vendor-card__pricing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #d9e5e3; border: 1px solid #d9e5e3; border-radius: 8px; overflow: hidden; margin: 20px 0; }
.vendor-card__pricing > div { min-width: 0; padding: 16px; background: #f7faf9; }
.vendor-card__pricing dt { font-size: .85rem; font-weight: 700; color: #164e4a; margin: 0 0 6px; }
.vendor-card__pricing dd { margin: 0; line-height: 1.6; overflow-wrap: anywhere; }
.vendor-card__features { padding-left: 24px; line-height: 1.75; margin: 12px 0 20px; }
.vendor-card__pro, .vendor-card__con { padding: 12px 16px; border-left: 3px solid #2d7d6f; background: #f7faf9; line-height: 1.65; }
.vendor-card__con { border-left-color: #b48a45; }
.vendor-card > .btn { display: inline-flex; margin-top: 12px; white-space: normal; }
.vendor-source { display: inline-block; margin-left: .3em; font-size: .85em; }
.source-note { padding: 16px; background: #edf6f4; border-radius: 8px; }
.ftc-banner { display: flex; gap: 12px; padding: 18px; background: #edf6f4; border: 1px solid #d9e5e3; border-radius: 8px; margin: 20px 0; }
@media (max-width: 600px) {
  main.container { padding-top: calc(var(--nav-h, 72px) + 128px); }
  .vendor-card__pricing { grid-template-columns: minmax(0, 1fr); }
  .quick-picks table, .comparison-table table { min-width: 560px; }
  .vendor-card { padding: 18px; }
}