/* ── ArNaFoundry — canonical footer styles (shared across all pages) ──
   Linked from every visitor-facing page via:
     <link rel="stylesheet" href="/shared-footer.css">
   Footer markup lives in sections/footer.html (SSI/PHP-included). Edit this
   file once to change the footer everywhere.
   ───────────────────────────────────────────────────────────────────── */

footer { background: #0f0e0c; color: rgba(255, 255, 255, .55); text-align: center; padding: 32px 48px; font-size: 12px; }
footer p { margin: 0; }
footer a { color: #c2400a; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .f-brand strong { color: #c2400a; }
footer .f-tag { font-size: 12px; color: rgba(255, 255, 255, .45); margin-top: 6px; letter-spacing: .04em; }
footer .f-links { font-size: 11px; color: rgba(255, 255, 255, .45); margin-top: 8px; }
footer .f-links a { color: rgba(255, 255, 255, .55); text-decoration: none; display: inline-block; padding: 6px 4px; }
footer .f-links a:hover { color: rgba(255, 255, 255, .85); }

@media (max-width: 900px) {
  footer { padding: 24px 20px; }
}