/* The site's footer, the same on every page: sections on the left, the «okuma» mark with the social links on the right,
   the legal links below. No dividing lines: space alone sets it apart. */
.site-footer { margin-top: 40px; padding: 8px 0 28px; color: var(--muted); font-size: 14px; }
.site-footer__row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; }
.site-footer__nav, .site-footer__legal nav { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.site-footer__legal { margin-top: 18px; font-size: 13px; justify-content: flex-start; }
.site-footer a { color: var(--muted); text-decoration: none; }
.site-footer a:hover { color: var(--text); }
.site-footer__brand { display: flex; align-items: center; gap: 16px; }
.site-footer__sign { position: relative; display: inline-block; font: italic 600 21px/1 var(--serif); color: var(--accent) !important; }
.site-footer__sign svg { position: absolute; left: -2%; bottom: -.18em; width: 104%; height: .32em; overflow: visible; pointer-events: none; }
.site-footer__sign path { fill: none; stroke: var(--accent); stroke-width: 3.2; stroke-linecap: round; opacity: .85; }
.site-footer__social { display: flex; align-items: center; gap: 8px; }
.site-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; }
.site-footer__social svg { width: 19px; height: 19px; fill: currentColor; }
@media (max-width: 560px) {
  .site-footer__row { align-items: flex-start; }
  .site-footer__nav, .site-footer__legal nav { gap: 10px 16px; }
}