/* The site footer (2026-10-22): logo, the menu links, the email address and the copyright line, on the same light
   glass as the sections above it. Markup: tools/site/footer.py. */
.sitefoot { padding: clamp(34px, 4vw, 52px) var(--side, clamp(18px, 4vw, 52px)) 28px; background: rgba(248,248,255,.92); border-top: 1px solid var(--line);
  -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
.sf-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 32px; }
.sf-links { display: flex; flex-wrap: wrap; gap: 8px 26px; font-size: 15px; font-weight: 600; color: var(--ink); }
.sf-links a, .sf-mail { text-decoration: none; }
.sf-links a:hover, .sf-mail:hover { color: var(--blue); }
.sf-mail { font-size: 15px; font-weight: 600; color: var(--blue); }
.sf-copy { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
@media (max-width: 700px) { .sf-row { flex-direction: column; align-items: flex-start; } }