@layer blocks {
  /* The bottom .bar: on the same paper as the sheet, so the dot grid runs
     unbroken to the bottom of the page. */
  .site-footer {
    box-shadow: var(--shadow-hairline-above);

    --cluster-space: 0 var(--space-half); /* spec .foot-in gap 10px 26px; rows are a cell apart */

    --color-link: var(--color-text-faint);
    --color-link-hover: var(--color-text);
    --link-decoration: none;

    --brand-mark-size: var(--space-half); /* spec .foot-logo svg 22px */
  }

  /* Text links are a cell tall and at least a cell wide, as in the margin
     nav, so the link itself is the tap target and wrapped rows sit on the
     dot pitch. */
  .site-footer li a {
    display: inline-block;
    min-inline-size: var(--size-target);
    text-align: center;
    line-height: var(--grid-cell);
  }

  .site-footer-heart {
    color: var(--color-accent-strong);
    font-size: 1.8em;
    line-height: var(--leading-none);
    font-variant-emoji: text;
    vertical-align: -0.1em;
  }
}