/* Shared styles for the VIP Quarto report.
   Product/category badges rendered by index.qmd and details.qmd reference the
   .badge-* classes below (see _PRODUCT_BADGE_CSS in those files). Keeping them
   here — loaded via _quarto.yml's format.html.css — means both pages share one
   definition instead of duplicating it in each inline <style> block. */

/* Product badges */
.badge-connect,
.badge-workbench,
.badge-package-manager,
.badge-security,
.badge-prerequisites {
  display: inline-block;
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75em;
  font-weight: 600;
  margin-left: 6px;
}

.badge-connect {
  background-color: #447099;
}

.badge-workbench {
  background-color: #72994e;
}

.badge-package-manager {
  background-color: #9a4665;
}

.badge-security {
  background-color: #d4526e;
}

.badge-prerequisites {
  background-color: #6c757d;
}