.site-footer-nav {
    display: flex;              /* links wrap as whole words on a phone - "What's on / Tap" broke mid-link (UX sweep, 2026-10-14) */
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 1.2rem;
}

.site-footer-nav a {
    color: var(--neutral-300);
    margin-right: 0;
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.site-footer-nav a:hover {
    color: var(--text-inverse);
}

.highlight-link {
    color: #ffd27f;          /* warm gold accent */
    font-weight: 600;        /* subtle emphasis */
}

.highlight-link:hover {
    color: #ffe8b3;          /* lighter gold on hover */
}