/* Site footer primitive — minimal closing line at page bottom.
 *
 * Composition:
 *   <footer class="site-foot">
 *     <span class="k">Italic-serif aside line.</span>
 *     <span>
 *       <a href="…">Colophon</a> · <a href="…">RSS</a> · <a href="…">GitHub</a>
 *     </span>
 *   </footer>
 *
 * The .k italic-serif line is optional but encouraged — it's the
 * site's voice having the last word.
 */
.site-foot {
  margin-block-start: 6.25rem;
  border-block-start: 1.5px solid var(--rule);
  padding-block-start: 2.25rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-5);
  flex-wrap: wrap;
  font-size: var(--size-small);
  color: var(--fg-muted);
}
.site-foot .k {
  font-family: var(--font-serif);
  font-style: italic;
  color: var(--fg-soft);
  font-size: 0.9375rem;
}
.site-foot .k code {
  font-family: var(--font-mono);
  font-style: normal;
  font-size: 0.85em;
  background: var(--paper);
  padding: 0.1em 0.35em;
  border-radius: var(--radius-1);
}
.site-foot a {
  color: var(--clay);
  text-decoration-color: color-mix(in oklch, var(--clay) 35%, transparent);
  text-underline-offset: 3px;
}