.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px; /* Ensures the element has no visible footprint */
    overflow: hidden;
    clip: rect(0, 0, 0, 0); /* Deprecated but used for older browser support */
    clip-path: inset(50%); /* Modern alternative to clip */
    white-space: nowrap; /* Prevents text from wrapping and becoming visible */
    border: 0;
}