/* footer.css */
.footer{margin-top:28px; padding:28px 0; border-top:1px solid var(--line); background:rgba(255,255,255,.55)}
.footer .grid{display:grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap:16px}
.footer .h{font-weight:900; margin-bottom:8px}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--ink)}
.footer .muted{color:var(--muted)}
.footer .legal{margin-top:14px; padding-top:14px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
@media (max-width: 860px){ .footer .grid{grid-template-columns:1fr 1fr} }
@media (max-width: 520px){ .footer .grid{grid-template-columns:1fr} }