/* SECTION: footer — higgsfield-style lime social field, flush to page bottom */

.sec-footer { margin-top: 48px; padding: 0; }
main + .sec-footer, body > .sec-footer:last-child { margin-bottom: 0; }

.footer-social {
  background: var(--accent);
  overflow: hidden;
}
.footer-social-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap;
  padding-top: 34px;
}
.footer-social-label {
  font-family: var(--font-mono);
  font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(15, 17, 19, 0.68);
}
.footer-social-links { display: flex; gap: 10px; flex-wrap: wrap; }
.footer-soc {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 999px;
  background: #0F1113; color: var(--accent);
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em;
  transition: transform var(--dur-fast) var(--ease-ui), background var(--dur-fast) var(--ease-ui);
}
/* Channels that do not exist yet are hidden (empty URL in the "social" block).
   Needed because the author display above has equal specificity to [hidden]
   and would otherwise win — same trap as .ags-how and .article-loading. */
.footer-soc[hidden] { display: none; }
.footer-soc svg { width: 14px; height: 14px; fill: currentColor; flex: none; }
.footer-soc:hover { transform: translateY(-2px); background: #1d2126; color: var(--accent); }

/* docs / resources columns on the lime field */
.footer-docs {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 26px; padding-top: 22px;
  border-top: 1px solid rgba(15, 17, 19, 0.18);
}
.footer-docs-col { display: grid; align-content: start; gap: 7px; }
.footer-docs-h {
  font-family: var(--font-mono);
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(15, 17, 19, 0.52);
  margin-bottom: 1px;
}
.footer-docs-col a {
  font-size: 13px;
  color: rgba(15, 17, 19, 0.82);
  width: fit-content;
  transition: color var(--dur-fast) var(--ease-ui), transform var(--dur-fast) var(--ease-ui);
}
.footer-docs-col a:hover { color: #0F1113; transform: translateX(2px); text-decoration: underline; }

.footer-social-wordmark {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(64px, 13.5vw, 196px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #0F1113;
  text-align: center; white-space: nowrap; user-select: none;
  margin-top: 10px;
}
.footer-social-wordmark span { color: rgba(15, 17, 19, 0.55); }

.footer-social-bottom {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  margin-top: 12px;
  padding: 12px 0 20px;
  border-top: 1px solid rgba(15, 17, 19, 0.18);
  font-size: 12px;
  color: rgba(15, 17, 19, 0.72);
}
.footer-social-status { font-family: var(--font-mono); }

@media (max-width: 1100px) {
  .footer-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}
@media (max-width: 760px) {
  .footer-social-top { justify-content: flex-start; }
}
@media (max-width: 480px) {
  .footer-soc { padding: 8px 12px; font-size: 11px; }
}