/* ============================================================
   Footer 列表布局修复
   ------------------------------------------------------------
   Squarespace 7.1 的 footer 用了 CSS Grid（fluid-engine），
   原始网站靠 JS 计算每个 fe-block 的 grid-area（如 1/1、2/1 等）
   并通过内联 style 注入。静态本地化时这些动态 grid-area
   没抓到，所有 8 个列表项被堆在同一个 grid cell 里，
   渲染时出现"阶梯错位"。

   修复：把 footer 里的 grid 强制改回普通块级流式排版，
   让 8 个链接按原始 HTML 顺序垂直堆叠。
   ============================================================ */

footer#footer-sections .fluid-engine {
  display: block !important;
  position: static !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
}

footer#footer-sections .fe-block {
  display: block !important;
  position: static !important;
  grid-area: auto !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 0 12px 0;
  padding: 0;
  width: auto !important;
  height: auto !important;
}

footer#footer-sections .fe-block:last-child {
  margin-bottom: 0;
}

/* 统一列表项左对齐：原 Squarespace HTML 里有几项用 text-align:center
   居中，加 display:block 强制块级后这些项会"视觉错位"到中间偏右 */
footer#footer-sections .fe-block p,
footer#footer-sections .fe-block .sqs-html-content,
footer#footer-sections .fe-block .sqs-html-content p {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

footer#footer-sections .fe-block a {
  display: inline-block;
}