.siteFooter{ padding:0 18px 28px; background:transparent; }
.siteFooterInner{
  max-width:var(--max); margin:0 auto; padding-top:20px;
  border-top:1px solid var(--hair, rgba(20,20,20,.14));
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px;
}
.socialLinks{ display:flex; flex-wrap:wrap; gap:10px; }
.socialLink{
  display:inline-flex; align-items:center; gap:8px;
  min-height:44px; padding:10px 14px;
  border:1px solid var(--hair, rgba(20,20,20,.14)); border-radius:999px;
  background:rgba(var(--fg-rgb,20,20,20),.03); color:var(--fg,#211417);
  font-size:13px; font-weight:650; text-decoration:none;
}
.socialLink svg{ width:20px; height:20px; flex:none; }
.socialLink:hover{ color:var(--accent,#7b0f2b); background:rgba(var(--accent-rgb,123,15,43),.06); text-decoration:none; }
.siteCredit{ color:var(--muted,#5f474d); font-size:12px; padding:10px 0; }
.siteCredit span{ font-weight:650; }
.socialLink:focus-visible, .siteCredit:focus-visible{ outline:2px solid var(--accent,#7b0f2b); outline-offset:4px; }

.siteFooterDark{ --fg-rgb:255,255,255; --fg:#fff; --muted:rgba(255,255,255,.72); --hair:rgba(255,255,255,.22); --accent:#fff; --accent-rgb:255,255,255; padding-top:28px; background:#3a0715; }