/* Marble-style additions for the existing atlas. No external curriculum marks. */

.atlas.is-stage {
  background: var(--bg, #F7F6F3);
}

canvas.marble-node.marble-edge {
  --marble-edge-alpha: 0.74;
  background: var(--bg, #F7F6F3);
}

.atlas .marble-card {
  background: rgba(255, 255, 255, 0.96);
  color: var(--ink, #1F2328);
  border-color: var(--line, #E4E2DD);
}

.atlas.is-selected .marble-card {
  border-color: var(--line-strong, #CFCBC3);
  box-shadow: 0 1px 2px rgba(31, 35, 40, 0.06), 0 12px 32px rgba(31, 35, 40, 0.1);
}

.atlas-fallback button.marble-node,
.atlas-card button.marble-node.atlas-jump {
  box-shadow: inset 3px 0 0 var(--marble-subject, #8A847A);
}

.atlas-fallback button.marble-node.is-selected,
.atlas-fallback button.marble-node[aria-current="true"],
.atlas-card button.marble-node.atlas-jump[aria-current="true"] {
  color: var(--ink, #1F2328);
  background: var(--primary-soft, #E8EEF5);
  box-shadow:
    inset 3px 0 0 var(--marble-subject, #2F5D8A),
    0 0 0 1px var(--primary, #2F5D8A);
}

.atlas-start .btn {
  display: inline-block;
  margin-top: 0.35rem;
}