/* ============================================================
   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-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-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)}