/* === Footer (Universal Styling for All Pages) === */
.footer{margin-top:28px;padding:32px 0 60px;background:#0b1220;color:#cbd5e1}
.footer .cols{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.footer .col{min-width:160px;max-width:320px}
.footer .links a{display:block;margin:6px 0;color:inherit}
.footer .links a:hover{color:var(--accent)}
.footer .social-links{margin-top:8px;display:flex;gap:12px}
.footer .social-links a{display:inline-flex;align-items:center;justify-content:center;color:inherit}
.footer .social-links a:hover{color:var(--accent)}
.icon{width:20px;height:20px;display:inline-block}
.footer .legal-line{margin-top:18px;text-align:center;color:#8fabc6;font-size:13px}

/* === Functions Grid === */
#functions .grid, .functions .grid, section[id*="function"] .grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px
}
.function-item{background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px}
.fn-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace;background:#f1f5f9;padding:6px 10px;border-radius:8px;color:#2563eb;font-weight:700}