/* ═══════════════════════════════════════════ footer.css — Shared Footer Styles Memory Forge · memoryforge.ai Loaded in on every page. Paired with footer.js which injects the HTML. ═══════════════════════════════════════════ */ #site-footer { max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem; border-top: 1px solid var(--border-subtle, rgba(232, 228, 220, 0.06)); text-align: center; } .footer-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.5rem 0; margin-bottom: 0.75rem; } .footer-link { font-family: 'Raleway', sans-serif; font-size: 0.72rem; font-weight: 500; color: var(--text-dim, rgba(232, 228, 220, 0.55)); text-decoration: none; transition: color 0.15s; } .footer-link:hover { color: var(--gold, #D4AF37); } /* Non-linked footer items (pages not yet live) */ .footer-text { font-family: 'Raleway', sans-serif; font-size: 0.72rem; font-weight: 500; color: var(--text-muted, rgba(232, 228, 220, 0.35)); } .footer-sep { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: var(--text-muted, rgba(232, 228, 220, 0.35)); margin: 0 0.65rem; flex-shrink: 0; } .footer-legal { font-family: 'Raleway', sans-serif; font-size: 0.62rem; color: var(--text-muted, rgba(232, 228, 220, 0.35)); line-height: 1.5; } /* ═══ FOCUS ═══ */ .footer-link:focus-visible { outline: 2px solid var(--gold, #D4AF37); outline-offset: 3px; border-radius: 3px; } /* ═══ RESPONSIVE ═══ */ @media (max-width: 768px) { #site-footer { padding: 1.75rem 1rem; } .footer-link, .footer-text { font-size: 0.68rem; } .footer-legal { font-size: 0.58rem; } }