/* Small legal footer (© / Privacy / Contact). It inherits each page's own colours and font,
   so the same markup sits quietly at the bottom of every page's different look. */
.legal-foot {
  position: relative; z-index: 2;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 20px;
  padding: 18px 16px calc(22px + env(safe-area-inset-bottom));
  font-size: 13px; line-height: 1.5; text-align: center;
}
.legal-foot > * { opacity: .78; }
.legal-foot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; display: inline-block; padding: 6px 0; }
.legal-foot a:hover, .legal-foot a:focus-visible { opacity: 1; }
.legal-foot > a:hover, .legal-foot > a:focus-visible { opacity: 1; }