/* Shared stylesheet for articles with individual, page-specific styling.  */


/* === hide toc column on the right.  =================================================== */
.bd-content:has(#remove-right-menu-page-marker) .bd-toc {display: none !important;}





/* === docs/OEP-articles/component-selection.md ========================================= */

/* Card background tints, for use with the `:class-card:` option on sphinx-design cards.  */
html[data-theme='light'] .sd-card.component-selection-card-tint-1,
html[data-theme='light'] .sd-card.component-selection-card-tint-1 > .sd-card-header,
html[data-theme='light'] .sd-card.component-selection-card-tint-1 > .sd-card-body,
html[data-theme='light'] .sd-card.component-selection-card-tint-1 > .sd-card-footer { background-color: #d9f0fa !important; }
html[data-theme='dark'] .sd-card.component-selection-card-tint-1,
html[data-theme='dark'] .sd-card.component-selection-card-tint-1 > .sd-card-header,
html[data-theme='dark'] .sd-card.component-selection-card-tint-1 > .sd-card-body,
html[data-theme='dark'] .sd-card.component-selection-card-tint-1 > .sd-card-footer { background-color: #0d3b47 !important; }

html[data-theme='light'] .sd-card.component-selection-card-tint-2,
html[data-theme='light'] .sd-card.component-selection-card-tint-2 > .sd-card-header,
html[data-theme='light'] .sd-card.component-selection-card-tint-2 > .sd-card-body,
html[data-theme='light'] .sd-card.component-selection-card-tint-2 > .sd-card-footer { background-color: #d8f4e4 !important; }
html[data-theme='dark'] .sd-card.component-selection-card-tint-2,
html[data-theme='dark'] .sd-card.component-selection-card-tint-2 > .sd-card-header,
html[data-theme='dark'] .sd-card.component-selection-card-tint-2 > .sd-card-body,
html[data-theme='dark'] .sd-card.component-selection-card-tint-2 > .sd-card-footer { background-color: #0d3d22 !important; }

html[data-theme='light'] .sd-card.component-selection-card-tint-3,
html[data-theme='light'] .sd-card.component-selection-card-tint-3 > .sd-card-header,
html[data-theme='light'] .sd-card.component-selection-card-tint-3 > .sd-card-body,
html[data-theme='light'] .sd-card.component-selection-card-tint-3 > .sd-card-footer { background-color: #fcefc8 !important; }
html[data-theme='dark'] .sd-card.component-selection-card-tint-3,
html[data-theme='dark'] .sd-card.component-selection-card-tint-3 > .sd-card-header,
html[data-theme='dark'] .sd-card.component-selection-card-tint-3 > .sd-card-body,
html[data-theme='dark'] .sd-card.component-selection-card-tint-3 > .sd-card-footer { background-color: #3d3110 !important; }

html[data-theme='light'] .sd-card.component-selection-card-tint-4,
html[data-theme='light'] .sd-card.component-selection-card-tint-4 > .sd-card-header,
html[data-theme='light'] .sd-card.component-selection-card-tint-4 > .sd-card-body,
html[data-theme='light'] .sd-card.component-selection-card-tint-4 > .sd-card-footer { background-color: #ecdffa !important; }
html[data-theme='dark'] .sd-card.component-selection-card-tint-4,
html[data-theme='dark'] .sd-card.component-selection-card-tint-4 > .sd-card-header,
html[data-theme='dark'] .sd-card.component-selection-card-tint-4 > .sd-card-body,
html[data-theme='dark'] .sd-card.component-selection-card-tint-4 > .sd-card-footer { background-color: #2d1140 !important; }



/* === docs/OEP-articles/publications/optimizing-pi0.5-lva-model.md ===================== */

.bd-content:has(#pi05-page-marker) {justify-content: center !important;}


/* Top Link buttons */
.pi05-link-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2.25rem;
}

.pi05-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--pst-color-border);
  background: var(--spark-color-highlight-background);
  color: var(--pst-color-text-base-color);
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.pi05-link-btn:hover,
.pi05-link-btn:focus-visible {
  border-color: var(--spark-color-primary);
  color: var(--spark-color-primary);
  background: var(--spark-color-highlight-background);
  transform: translateY(-1px);
}

.pi05-link-btn.primary {
  border-color: var(--spark-color-primary);
  background: var(--spark-color-highlight-background);
  color: var(--spark-color-primary);
}

.pi05-link-btn.primary:hover,
.pi05-link-btn.primary:focus-visible {
  background: var(--spark-color-highlight-background);
  color: var(--spark-color-primary);
}

.pi05-link-btn svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}