/* Model viewer embed — scoped to .abc-model-viewer */
/* Fix D: a subtle theme-aware gradient stage (was flat near-black #20232e,
   which contributed to the washed-out silhouette look). Tokens resolve light
   in light mode and dark in dark mode, so the stage reads correctly in both
   and gives the model a backdrop with a little depth rather than a flat slab. */
.abc-model-viewer {
  position: relative;
  background: linear-gradient(160deg, var(--bg-elev) 0%, var(--bg-sunken) 100%);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.abc-model-viewer model-viewer {
  display: block;
  width: 100%;
  height: 420px;
  background: transparent;    /* show the gradient stage behind the canvas */
  /* Avoid the white-poster flash on first paint */
  --poster-color: transparent;
}
.abc-model-empty {
  display: flex; align-items: center; justify-content: center;
  height: 420px;
  color: var(--fg-subtle);
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  font-size: var(--fs-sm);
  background: var(--bg-sunken);
}
.abc-model-caption {
  padding: var(--s-3) var(--s-4);
  border-top: 1px solid var(--border);
  color: var(--fg-muted);
  font-size: var(--fs-sm);
  background: var(--bg-elev);
}
.abc-model-caption p:first-child { margin-top: 0; }
.abc-model-caption p:last-child { margin-bottom: 0; }