.announcement-bar {
    width: 100%;
    color: #fff;
    padding: 8px 16px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.4;
    position: relative;
    z-index: 100;
}
.announcement-bar-link {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.15s ease;
}
.announcement-bar-link:hover { opacity: 0.85; text-decoration: underline; }
.announcement-bar-arrow { font-size: 1em; opacity: 0.85; }
@media (max-width: 640px) {
    .announcement-bar { font-size: 0.78rem; padding: 6px 12px; }
}