/* ============================================================
   DIDHub canonical site footer CSS
   Single source of truth — edit ONLY this file.
   Linked from every HTML page after their inline <style> block.
   ============================================================ */

.site-footer{
  background:#0f1e33;
  color:rgba(255,255,255,.72);
  padding:3.5rem 0 1.75rem;
  font-size:.9rem;
  text-align:left;
  margin-top:3rem;
}

.site-footer .container{
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(1rem,3vw,2rem);
}

.site-footer .footer-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:2.5rem;
  margin-bottom:2.5rem;
}
@media (max-width:900px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr}
  .site-footer .footer-grid .footer-brand{grid-column:1/-1}
}
@media (max-width:560px){
  .site-footer .footer-grid{grid-template-columns:1fr;gap:1.75rem}
  .site-footer .footer-col ul{column-count:2;column-gap:1.25rem}
  .site-footer .footer-col ul li{break-inside:avoid;-webkit-column-break-inside:avoid}
}

.site-footer .footer-brand{padding:0;margin:0}
.site-footer .footer-brand .brand{
  color:#fff;margin:0 0 1rem 0;padding:0;
  display:inline-flex;align-items:center;gap:.65rem;
  font-weight:700;font-size:1.15rem;text-decoration:none;
}
.site-footer .footer-brand p{
  color:rgba(255,255,255,.6);
  max-width:22rem;
  font-size:.9rem;line-height:1.6;
  margin:0;padding:0;
}

.site-footer .footer-social{
  display:flex;
  gap:.5rem;
  list-style:none;
  padding:0;
  margin:1.1rem 0 0;
  flex-wrap:wrap;
}
.site-footer .footer-social li{margin:0;padding:0}
.site-footer .footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;height:26px;
  border-radius:6px;
  overflow:hidden;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  opacity:.92;
}
.site-footer .footer-social a:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 12px -3px rgba(0,0,0,.45);
  opacity:1;
}
.site-footer .footer-social svg{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
}

.site-footer .footer-col{padding:0;margin:0}
.site-footer .footer-col h4{
  color:#fff;
  font-size:.82rem;
  text-transform:uppercase;letter-spacing:.08em;
  font-weight:600;
  margin:0 0 1rem 0;padding:0;
}
.site-footer .footer-col ul{
  list-style:none!important;
  padding:0!important;padding-inline-start:0!important;margin:0!important;
}
.site-footer .footer-col ul li{
  margin:0 0 .65rem 0!important;
  padding:0!important;
  text-indent:0;
}
.site-footer .footer-col ul li a{
  color:rgba(255,255,255,.6);
  font-size:.9rem;
  text-decoration:none;
  padding:0;margin:0;
  display:inline-block;
}
.site-footer .footer-col ul li a:hover{color:var(--emerald)}

.site-footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding-top:1.75rem;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:.82rem;
  color:rgba(255,255,255,.5);
  flex-wrap:wrap;
}
.site-footer .footer-bottom-links{
  display:flex;gap:1.25rem;flex-wrap:wrap;
  list-style:none;padding:0;margin:0;
}
.site-footer .footer-bottom-links a{
  color:rgba(255,255,255,.5);
  text-decoration:none;
}
.site-footer .footer-bottom-links a:hover{color:var(--emerald)}