:root {
  --b122-thumbnail-ratio: 1616 / 896;
}

/* Shared lockup: the same vector identity is mounted in public and authenticated shells. */
.bt-brand { display: inline-flex; align-items: center; min-width: 0; color: var(--b12-text, currentColor); }
.bt-brand-lockup { display: block; width: 176px; max-width: 100%; height: auto; overflow: visible; }
.bt-brand-compact .bt-brand-lockup { width: 146px; }
.bt-brand-o { fill: currentColor; }
.bt-brand-o-accent { fill: #2f9cff; }
.public-brand .bt-brand-lockup { width: 202px; }
.version[hidden] { display: none !important; }

/* Canonical 1616×896 table geometry; never coerce it to the historical 2:1 crop. */
:root.release-3-premium .canonical-diagram-visual,
:root.release-3-premium .canonical-diagram-visual svg,
:root.release-3-premium .library-card-image:has(.canonical-diagram-visual),
:root.release-3-premium .demo-exercise-visual:has(.canonical-diagram-visual) {
  aspect-ratio: var(--b122-thumbnail-ratio) !important;
}
:root.release-3-premium .library-card-image:has(.canonical-diagram-visual) {
  height: auto !important;
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
}
:root.release-3-premium .canonical-diagram-thumbnail,
:root.release-3-premium .canonical-diagram-thumbnail svg {
  width: 100%;
  height: auto !important;
  object-fit: contain;
  background: transparent !important;
}
:root.release-3-premium .modern-library-card.is-assigned:has(.canonical-diagram-visual) {
  grid-column: span 2;
  max-width: 760px;
}

/* Only the two super-admin Focus freshness badges; bars and rating remain untouched. */
:root.release-3-premium[data-bt-theme="dark"] :is(.student-overview-card,.player-metrics-card) .rating-delta {
  color: #d7efff !important;
  background: #17344d !important;
  border: 1px solid #39749b !important;
  box-shadow: none !important;
}
:root.release-3-premium[data-bt-theme="light"] :is(.student-overview-card,.player-metrics-card) .rating-delta {
  color: #173b58 !important;
  background: #dcecf7 !important;
  border: 1px solid #94bdd8 !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  .bt-brand-lockup, .bt-brand-compact .bt-brand-lockup, .public-brand .bt-brand-lockup { width: 126px; }
  :root.release-3-premium .modern-library-card.is-assigned:has(.canonical-diagram-visual) { grid-column: auto; max-width: none; }
}