/* Canonical site footer — the counterpart to site-header.css. * * The footer had drifted the same way the header did: some pages repeated the * navigation (validators / geo_map), some carried per-network "Powered by" * lines, and the map pages had no footer at all. It is now the same four links * and the same signature everywhere: * * twitter · contact · security · privacy * $ echo "Powered by LUX8 Validator" * * The markup lives in each page (it is four links, not worth a runtime fetch); * this file settles the styling so a page that never had footer rules — the geo * maps — still renders it correctly, and so nobody has to copy the CSS again. * * Loaded last in , like the header stylesheet. */ .footer { border-top: 1px solid var(--border-color); padding: 40px 20px; text-align: center; margin-top: 60px; } .footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 32px; margin-bottom: 24px; } .footer-links a { color: var(--text-secondary); text-decoration: none; font-size: 14px; transition: color .3s; } .footer-links a:hover { color: var(--accent-green); } .footer-text { color: var(--text-muted); font-size: 12px; line-height: 1.6; } .footer-text a { color: var(--accent-green); text-decoration: none; } .prompt { color: #00ff00; } [data-theme="light"] .prompt { color: #542E9A; } /* The map pages size their layout to the viewport; without this the footer * either overlaps the map or is unreachable. */ .footer { position: relative; z-index: 1; background: var(--bg-primary); } @media (max-width: 1159px) { .footer { padding: 28px 14px; margin-top: 36px; } .footer-links { gap: 20px; } .footer-links a { font-size: 13px; } }