/**
 * @file ink-foot.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The foot of a page: two facts in paper words on ink. Drawn by components/InkFoot.js. Reads only
 *   the tokens in theme.css and the shapes in poster.css; a page never styles it from outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.1.1 — 2026-09-27 — The brand word keeps the browser's line height, as the old footer drew it (appcat parity).
 *   v1.1.0 — 2026-09-27 — .poster-foot-brand (InkFoot brand), the old app catalogue's footer word, for appcat; additive.
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* ── The foot: two facts, on ink ── */
.poster-foot {
  margin: 5.5rem -2.75rem 0; padding: 2.5rem 2.75rem;
  background: var(--text); color: var(--bg);
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.75rem;
  font-size: var(--text-body); font-weight: var(--weight-semibold); line-height: 1.55;
}
.poster-foot p { margin: 0; }
.poster-foot a { color: var(--sun); font-weight: var(--weight-heavy); text-decoration: none; }
.poster-foot a:hover { text-decoration: underline; }
/* The word under the facts (InkFoot brand, appcat): the old app catalogue's footer brand. */
.poster-foot-brand {
  grid-column: 1 / -1; font-family: var(--font-headline); font-weight: var(--font-poster-weight); font-size: .8rem;
  letter-spacing: .08em; text-transform: var(--shape-case-heading); color: var(--sun); line-height: normal;
}
@media (max-width: 900px) { .poster-foot { margin: 3.5rem -1.1rem 0; padding: 2rem 1.1rem; grid-template-columns: 1fr; gap: 1rem; } }
@media (max-width: 560px) {
  /* The two bleeds match the phone padding exactly; a wider bleed measured as a 1px sideways
     scroll of the whole page. */
  .poster-foot { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
}