.site-footer { border-top: 1px solid var(--trait); display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 26px 0 30px; }
.site-footer strong { font-size: 13px; font-weight: 800; }
.site-footer span { display: block; font-size: 11px; color: var(--marine-doux); margin-top: 3px; }
.footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; font-size: 11px; color: var(--marine-doux); }
.footer-links a { text-decoration: none; padding-block: 8px; }
.footer-links a:hover { text-decoration: underline; }
@media (max-width: 540px) { .site-footer { align-items: flex-start; flex-direction: column; gap: 10px; padding-bottom: max(25px, env(safe-area-inset-bottom)); } .footer-links { gap: 18px; } }