.install-matrix .im-card {
  margin-top: var(--sp-16);
  padding: var(--sp-16);
  border: var(--ui-hairline-w) solid var(--rcp-border);
  /* after the shorthand: it resets border-top */
  border-top: var(--ui-rail-w) solid var(--rcp-marker);
  border-radius: var(--ui-radius-lg);
  background: var(--rcp-card-bg);
}

.install-matrix .im-controls {
  display: flex;
  flex-direction: column;
}

.install-matrix .im-group {
  display: flex;
  align-items: center;
  gap: var(--sp-20);
  margin: 0;
  padding: var(--sp-12) 0;
  border-bottom: var(--ui-hairline-w) solid var(--rcp-border);
}

.install-matrix .im-controls .im-group:last-of-type {
  border-bottom: 0;
}

/* 640px: the recipe widget's stacking breakpoint */
@media (max-width: 640px) {
  .install-matrix .im-group {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-10);
  }
  .install-matrix .im-label { min-width: 0; }
}

.install-matrix .im-label {
  line-height: var(--ui-lh-control);
  flex-shrink: 0;
  min-width: 6.5em;
  margin: 0;
  color: var(--ui-label-fg);
  font-size: var(--ui-label-fs);
  font-weight: var(--ui-label-fw);
  letter-spacing: var(--ui-label-ls);
  text-transform: uppercase;
}

.install-matrix .im-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-8);
}

/* a <select> inherits no font */
.install-matrix #im-build-release {
  padding: var(--sp-6) var(--sp-12);
  border: var(--ui-hairline-w) solid var(--rcp-chip-bd);
  border-radius: var(--ui-radius);
  background: var(--rcp-chip-bg);
  color: var(--rcp-text);
  font-family: var(--rcp-mono);
  font-size: var(--ui-fs-mono);
  line-height: var(--ui-lh-control);
}

.install-matrix .im-chip {
  min-width: 0;
}

.install-matrix .im-chip:disabled {
  margin-right: var(--sp-2);
}

.install-matrix .im-command-panel {
  margin-top: var(--sp-16);
  padding-top: var(--sp-16);
  border-top: var(--ui-hairline-w) solid var(--rcp-border);
}

.install-matrix .im-command-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-12);
  margin-bottom: var(--sp-8);
}

.install-matrix .im-code {
  margin: var(--sp-8) 0;
  padding: var(--sp-12) var(--sp-16);
  border: var(--ui-hairline-w) solid var(--rcp-term-bd);
  border-radius: var(--ui-radius);
  background: var(--rcp-term-bg);
  color: var(--rcp-term-text);
  font-size: var(--ui-fs-mono);
  font-weight: var(--ui-fw-body);
  line-height: var(--ui-lh-code);
  white-space: pre-wrap;
  word-break: normal;
  /* normal: a URL or a version pin never breaks inside itself */
  overflow-wrap: normal;
  overflow-x: auto;
}

.install-matrix .im-note {
  margin: var(--sp-8) 0 0;
  color: var(--rcp-muted);
  font-size: var(--fs-12);
  font-weight: var(--ui-fw-body);
  line-height: var(--ui-lh-dense);
}

.install-matrix .im-note-tertiary {
  margin-top: var(--sp-10);
  font-size: var(--fs-12);
}

.install-matrix .im-callout {
  display: flex;
  gap: var(--sp-8);
  align-items: flex-start;
  margin: var(--sp-10) 0 0;
  padding: var(--sp-8) var(--sp-12);
  border-left: 3px solid var(--rcp-accent);
  border-radius: 0;
  color: var(--rcp-text);
  font-size: var(--fs-12);
  line-height: var(--ui-lh-dense);
}

.install-matrix .im-callout[hidden] {
  display: none;
}

.install-matrix .im-callout-body {
  flex: 1;
  min-width: 0;
}

/* A fold, not an admonition: these outrank the site's details rules. */
.md-typeset .install-matrix .im-callout details.im-callout-fold {
  margin: var(--sp-8) 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.md-typeset .install-matrix .im-callout details.im-callout-fold > summary {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-4);
  margin: 0;
  padding: 0;
  color: var(--rcp-accent);
  font-size: var(--fs-12);
}

.md-typeset .install-matrix .im-callout details.im-callout-fold > summary::before {
  display: none;
}

.md-typeset .install-matrix .im-callout details.im-callout-fold > summary::after {
  position: static;
  flex: none;
  width: var(--fs-14);
  height: var(--fs-14);
  background-color: currentColor;
}

.install-matrix .im-callout svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: var(--sp-2);
  color: var(--rcp-text);
}

.install-matrix .im-el9-vllm-note:not([hidden]) {
  margin-top: 0;
  margin-bottom: var(--sp-10);
}

.install-matrix .im-el9-vllm-note-title {
  margin: 0 0 var(--sp-10);
  font-weight: var(--ui-fw-strong);
  line-height: var(--ui-lh-dense);
}

.install-matrix .im-el9-vllm-note-ol {
  margin: 0;
  padding-left: var(--sp-24);
  line-height: var(--ui-lh-dense);
}

.install-matrix .im-el9-vllm-note-ol li {
  margin: var(--sp-6) 0;
  padding-left: var(--sp-4);
}

.install-matrix .im-el9-vllm-note-linkline {
  display: block;
  margin-top: var(--sp-8);
}

.install-matrix #im-version-meta:not([hidden]) {
  margin-top: var(--sp-16);
  padding-top: var(--sp-16);
  border-top: var(--ui-hairline-w) solid var(--rcp-border);
}

.install-matrix .im-deps {
  margin-top: var(--sp-12);
  overflow: hidden;
  border: var(--ui-hairline-w) solid var(--rcp-border);
  border-radius: var(--ui-radius);
  background: var(--rcp-card-bg);
}

.install-matrix .im-deps-head,
.install-matrix .im-deps-row {
  display: grid;
  grid-template-columns: minmax(9rem, 38%) 1fr;
  gap: var(--sp-16);
}

.install-matrix .im-deps-head {
  padding: var(--sp-10) var(--sp-16);
  border-bottom: var(--ui-hairline-w) solid var(--rcp-border);
  background: var(--rcp-surface2);
  color: var(--rcp-text);
  font-size: var(--fs-14);
  font-weight: var(--ui-fw-strong);
}

.install-matrix .im-deps-head span,
.install-matrix .im-deps-name {
  line-height: var(--ui-lh-control);
  text-align: center;
}

.install-matrix .im-deps-row {
  align-items: center;
  padding: var(--sp-8) var(--sp-16);
  border-bottom: var(--ui-hairline-w) solid var(--rcp-border);
}

.install-matrix .im-deps-row:last-child {
  border-bottom: 0;
}

.install-matrix .im-deps-name {
  color: var(--rcp-text);
  font-size: var(--fs-14);
}

.install-matrix .im-deps-values {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--sp-8);
}

.install-matrix .im-deps-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  padding: var(--sp-2) var(--sp-10);
  border: var(--ui-hairline-w) solid var(--rcp-chip-bd);
  border-radius: var(--ui-radius-sm);
  background: var(--rcp-chip-bg);
  color: var(--rcp-text);
  font-family: var(--rcp-mono);
  font-size: var(--fs-12);
  line-height: var(--ui-lh-control);
}

.install-matrix .im-deps-badge.is-empty {
  color: var(--rcp-muted);
}

/* min-width:0: the row shrinks below the <select>'s intrinsic width */
.install-matrix .im-row { min-width: 0; }
.install-matrix #im-build-release { width: 100%; max-width: 100%; min-width: 0; }