/* Apply a focus outline to all focusable elements */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    outline: 3px solid #023f87; /* Choose any color you prefer */
    outline-offset: 2px;
}

.skip-link {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
  }
  
  .skip-link:focus {
    position: static; /* or absolute with top: 0 */
    left: 0;
    width: auto;
    height: auto;
    overflow: visible;
    background: #fff;   /* Adjust for contrast */
    color: #000;        /* Adjust for contrast */
    padding: 0.5rem;
    font-weight: bold;
    outline: 3px solid #005FCC; /* Optional focus style */
  }