/* Numeric treatment is scoped to the questions; semantic copy stays intact. */
#problemes { background: #15171c; color: #dce2ff; }
#problemes .problem-reading h2,
#problemes .problem-scene-title { color: #98aaff; }
#problemes .problem-reading + .problem-reading { border-color: #98aaff30; }
#problemes .problem-reading-points li::before { background: #98aaff; }
#problemes .problems-topic-nav button { background: #15171c; border-color: #98aaff55; color: #b7c4ff; }
#problemes .problems-topic-nav button[aria-pressed="true"] { background: #98aaff; color: #15171c; border-color: #98aaff; }
#problemes .problems-topic-nav button:hover:not([aria-pressed="true"]) { border-color: #98aaff; }
#problemes .problems-orbits span { border-color: #98aaff44; }
#problemes .problem-orbit-point { color: #dce2ff; background: #15171c; border-color: #98aaff66; }
#problemes .problem-orbit-point::after { border-color: #98aaff; }
#problemes .problem-orbit-marker { background: #98aaff; }
.problems-digits-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
#problemes.problems-digits-ready .problems-orbits span,
#problemes.problems-digits-ready .problem-orbit-point { border-color: transparent; }
#problemes.problems-digits-ready .problem-orbit-point::after { border-color: transparent; }
#problemes.problems-digits-ready .problem-orbit-marker { background: transparent; }
@media (prefers-reduced-motion: reduce) { .problems-digits-canvas { display: none; } }
