/* ================================================================
   footer.css — site footer (25% shorter than original)
   ================================================================ */
.site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 50;
  text-align: center;
  padding: calc(var(--footer-pad) * .6) 1.5rem;
  color: var(--muted);
  font-size: 12.1px;
  border-top: 3px double var(--go);
  background: var(--pa);
}
.site-footer strong {
  font-family: var(--heading-font);
  font-size: 14.3px; color: var(--rd); font-style: italic;
  display: inline; margin-right: .25rem;
}
.footer-sep { color: var(--go); letter-spacing: 3px; margin: 0 .3rem; }
.footer-copyright { margin-top: .1rem; font-size: 10.5px; opacity: .75; }

/* ── Desktop footer sizing (shared by browser + installed app) ────
   Single source of truth: change these values to adjust the footer
   height in both modes at once. */
@media (min-width: 769px) {
  .site-footer    { padding-top: .25rem; padding-bottom: .25rem; }
  .footer-copyright { margin-top: .05rem; }
}