/* ============================================================
   footer.css  ·  plain paper band, bookended by a heavy rule
   (v12 MASTHEAD). Not a second inverted band — the nav is the
   one, used once.
   ============================================================ */
.foot { background: var(--footer-bg); color: var(--footer-fg); padding: var(--s12) var(--gutter) var(--s6); border-top: 2px solid var(--ink); }
.foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--s6); align-items: start; }
@media (max-width: 720px) { .foot-grid { grid-template-columns: 1fr; gap: var(--s5); } }
.foot-mark { font-size: 1.4rem; }
.foot-tag { margin-top: var(--s2); color: var(--footer-fg-2); font-size: 0.9375rem; max-width: 34ch; }
.foot-col h4 { font-family: var(--f-mono); font-size: var(--t-micro); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--footer-fg-3); margin-bottom: var(--s3); }
.foot-col a, .foot-col p { color: var(--footer-fg-2); font-size: 0.9375rem; }
.foot-col a { display: block; transition: color var(--dur-1) var(--ease-out); }
.foot-col a:hover { color: var(--footer-fg); }
.foot-base {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3); flex-wrap: wrap;
  margin-top: var(--s10); padding-top: var(--s4); border-top: 1px solid var(--footer-line);
}
.foot-note { font-family: var(--f-mono); font-size: var(--t-micro); letter-spacing: 0.08em; color: var(--footer-fg-3); white-space: nowrap; }

/* Legal links share the base line with the copyright — same quiet mono
   register, because they are the same kind of thing. Putting them in the
   Pages column would rank a privacy notice alongside About. */
.foot-legal {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--f-mono); font-size: var(--t-micro);
  letter-spacing: 0.08em; text-transform: uppercase;
}
.foot-legal a { color: var(--footer-fg-3); transition: color var(--dur-1) var(--ease-out); }
.foot-legal a:hover { color: var(--footer-fg); }
.foot-legal i { color: var(--footer-fg-3); font-style: normal; opacity: 0.5; }