.urgent-banner{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    overflow:hidden;
    background:#ffd400;
    color:#8b0000;
    border-bottom:3px solid #b22222;
    box-shadow:0 2px 10px rgba(0,0,0,.18);
}

.urgent-banner-track{
    display:flex;
    align-items:center;
    white-space:nowrap;
    min-height:52px;
}

.urgent-banner-track span{
    display:inline-block;
    padding-left:100%;
    padding-right:2rem; /* spacing between loop repeats */
    font-size:0.9rem;
    font-weight:900;
    letter-spacing:.06em; /* slightly improved readability */
    line-height:1.2;
    text-transform:uppercase;
    white-space:nowrap;
    will-change:transform; /* smoother animation */
    animation:urgent-banner-scroll 42s linear infinite;
}

@keyframes urgent-banner-scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-100%);
    }
}

/* Keeps your page content from hiding under the fixed banner */
body{
    padding-top:52px;
}

@media (max-width:700px){
    .urgent-banner-track{
        min-height:48px;
    }

    .urgent-banner-track span{
        font-size:.92rem;
    }

    body{
        padding-top:48px;
    }
}

/* Optional: reduce motion for accessibility */
@media (prefers-reduced-motion: reduce){
    .urgent-banner-track span{
        animation:none;
        padding:0 1rem;
        white-space:normal;
    }

    .urgent-banner-track{
        justify-content:center;
        padding:.65rem 0;
    }
}

.urgent-banner a{
    color:#8b0000;
    text-decoration:underline;
    font-weight:900;
}

.urgent-banner a:hover{
    color:#b22222;
}

.urgent-banner:hover .urgent-banner-track span{
    animation-play-state:paused;
}