/* ==========================================================================
   Footer — shared base only.
   Padding, margin-top, and hover color varied slightly per page in the
   original inline CSS, so those differences are layered on top in each
   page's own stylesheet (css/pages/*.css) rather than unified here —
   this keeps every page pixel-identical to before.
   ========================================================================== */
footer {
  text-align: center;
  color: var(--grey);
  border-top: 1px solid rgba(255,140,0,0.1);
}

footer a {
  color: var(--accent);
  text-decoration: none;
  margin: 0 8px;
}

/* ── 4-column footer (v2 update) ── */
.footer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1100px; margin:0 auto; padding:40px 20px 20px; text-align:left; }
.footer-grid h4 { color:var(--accent); font-size:0.85rem; margin-bottom:12px; text-transform:uppercase; letter-spacing:0.5px; }
.footer-grid ul { list-style:none; }
.footer-grid li { margin-bottom:8px; }
.footer-grid a { color:var(--grey); text-decoration:none; font-size:0.85rem; }
.footer-grid a:hover { color:var(--accent); }
.footer-grid .social-icons { margin-top:4px; }
.footer-bottom { text-align:center; padding:16px 20px; border-top:1px solid rgba(255,140,0,0.1); font-size:0.85rem; color:var(--grey); }
@media (max-width:700px){ .footer-grid { grid-template-columns:1fr 1fr; } }