/* =========================================================================
   EDIUSFA — FOOTER LAYER (shared by every template)
   Canonical source: the shared .site-footer pattern. The homepage (V3) holds
   the original values (margin-top:80px / padding 60-48) — later page layers
   copied it verbatim (verified identical across archive/article/author/
   product/blog apart from token aliases). Extracted once here so footer.php
   is styled by a single shared layer.
   ========================================================================= */
.site-footer{background:var(--footer-bg);color:#AEB4BF;margin-top:80px}
.footer-top{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
  gap:36px;padding-block:60px 48px;
}
.f-brand .brand-name{color:#fff}
.f-brand .brand-mark{background:#fff;color:var(--ink)}
.f-about{font-size:var(--fs-sm);line-height:2;color:#8E95A3;margin-block:16px;max-width:34ch}
.f-social{display:flex;gap:8px}
.f-social a{
  width:40px;height:40px;border-radius:var(--r-sm);
  border:1px solid var(--line-dark);
  display:flex;align-items:center;justify-content:center;color:#B9BFC9;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.f-social a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.f-col h4{
  color:#fff;font-size:var(--fs-base);font-weight:800;margin-bottom:16px;
}
.f-col ul{display:flex;flex-direction:column;gap:9px}
.f-col a{
  font-size:var(--fs-sm);color:#9AA1AD;
  transition:color var(--t-fast);
}
.f-col a:hover{color:#fff}
.f-bottom{
  border-top:1px solid var(--line-dark);
  padding-block:20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:var(--fs-xs);color:#7E8593;flex-wrap:wrap;
}


@media (max-width:1023px){
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .f-bottom{flex-direction:column;align-items:flex-start}
  .site-footer{margin-top:56px}
}
@media (max-width:639px){
  .footer-top{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px 34px}
}
@media (max-width:400px){
  .footer-top{grid-template-columns:1fr}
}