/* Shared site footer: strakker layout across pages */
.site-footer{
  border-top:1px solid color-mix(in srgb, var(--zwart) 18%, transparent);
  padding:28px 0 36px;
  margin-top:auto;
  font-family:var(--font);
  font-size:14px;
  line-height:1.5;
  color:var(--grijs);
  background:var(--achtergrond);
}

.site-footer .footer-top{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px 28px;
}

.site-footer .footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
}

.site-footer .footer-copy{
  margin:0;
  color:var(--zwart);
  font-weight:500;
  letter-spacing:-.01em;
}

.site-footer .footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 2px;
  margin:0;
  padding:0;
}

.site-footer .footer-links a{
  font-weight:500;
  color:var(--zwart);
  text-decoration:none;
  padding:2px 0;
  border-bottom:1px solid transparent;
  transition:color .15s, border-color .15s;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible{
  color:var(--roze-diep);
  border-bottom-color:var(--roze-diep);
}

.site-footer .footer-links .sep{
  display:inline-block;
  margin:0 10px;
  color:color-mix(in srgb, var(--grijs) 55%, transparent);
  font-weight:400;
  user-select:none;
  pointer-events:none;
}

.site-footer .footer-meta{
  margin:12px 0 0;
  max-width:72ch;
  font-size:13px;
  line-height:1.55;
  color:var(--grijs);
}

.site-footer .footer-meta a{
  font-weight:500;
  color:var(--zwart);
  text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--zwart) 22%, transparent);
  transition:color .15s, border-color .15s;
}

.site-footer .footer-meta a:hover,
.site-footer .footer-meta a:focus-visible{
  color:var(--roze-diep);
  border-bottom-color:var(--roze-diep);
}

.site-footer .footer-meta .meta-dot{
  margin:0 .45em;
  color:color-mix(in srgb, var(--grijs) 50%, transparent);
}

@media (max-width:760px){
  .site-footer{
    padding:24px 0 32px;
  }
  .site-footer .footer-top{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .site-footer .footer-links{
    gap:8px 0;
  }
  .site-footer .footer-links .sep{
    margin:0 8px;
  }
  .site-footer .footer-meta{
    margin-top:14px;
  }
}