/* focus.css — a visible focus ring for keyboard users, on every page.
   :focus-visible only shows for keyboard (Tab) navigation, never for mouse clicks, so nothing
   changes for mouse users. Text fields keep their own focus styles (their borders light up). */
:where(a[href], button, summary, select, [role="button"], [role="tab"], [role="link"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid #4fc3f7 !important;
  outline-offset: 2px !important;
}