footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    background-color: #f3f3f3;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    visibility: visible;
    z-index: 4;
    padding: 10px 20px;
    font-size: small;
}

.footer-link {
    color: #333;
    text-decoration: none;
    margin: 0 5px;
    font-size: small;
}

.footer-link:hover {
    text-decoration: underline;
}


/* Footer layout helpers for left text and right icon */
footer p { margin: 0; }
.footer-left { flex: 1 1 auto; }
.footer-right { display: flex; align-items: center; gap: 8px; }

/* Icon link styles */
.social-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; text-decoration: none; color: #000; }
.icon-svg { width: 24px; height: 24px; fill: currentColor; }
/* Ensure all platforms use monochrome; keep classes for future targeting but neutralize color */
.social-icon.patreon,
.social-icon.instagram,
.social-icon.youtube,
.social-icon.x,
.social-icon.twitch { color: inherit; }
.social-icon:hover { opacity: 0.75; }