/* Focus uses the sage field, never a browser-white ring. Selected and focused
   controls stay distinct: persistent selection is quieter than keyboard focus. */
#scene :is(a,button,input,[tabindex]):focus { outline:none; }
#scene :is(a,button,input):focus-visible {
  outline:none;
  color:hsl(var(--text-strong));
  background-color:hsl(var(--raised));
}
#scene .ark-header a[aria-current="page"] { color:hsl(var(--text-strong)) !important; background-color:hsl(var(--nested)); }
#scene .ark-header a:focus-visible { color:hsl(var(--text-strong)) !important; background-color:hsl(var(--overlay)); }
#scene .study-tabs button { border:0; }
#scene .study-tabs button[aria-pressed="true"] { color:hsl(var(--text-strong)); background-color:hsl(var(--nested)); }
#scene .study-tabs button:focus-visible { color:hsl(var(--text-strong)); background-color:hsl(var(--overlay)); }
#scene .mesh-drag-target:focus-visible { background:hsl(var(--nested)); }
#scene input[type="range"]:focus-visible { accent-color:hsl(var(--primary)); background-color:hsl(var(--overlay)); }
#scene .learning-entry:focus-visible h2 { color:hsl(var(--text-strong)); }
/* High-contrast palettes may suppress backgrounds; retain a system indicator. */
@media(forced-colors:active) {
  #scene :is(a,button,input,[tabindex]):focus-visible { outline:2px solid Highlight; outline-offset:3px; }
}