/* Shared footer. Source: mochibits.com/www/css/footer.css; scripts/sync-shared.sh copies it into hexar.io/www/css.
   Per-site colours come from --ink, --muted, --link, --focus and --glyph (the X glyph colour). */
footer{padding:28px 16px 40px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.5;max-width:1120px;margin:0 auto}
footer p{margin:.9rem 0;font-size:inherit;font-weight:400;line-height:inherit;color:inherit;text-align:center}
footer a{color:var(--link);text-decoration:underline}
footer a:hover{color:var(--ink)}
footer .follow{margin:0 0 12px}
footer .follow p{margin:0 0 4px;font-weight:700;color:var(--ink)}
footer .social{display:flex;justify-content:center;gap:8px}
footer .social a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--glyph);text-decoration:none}
footer .social a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
footer nav a{min-height:44px;display:inline-flex;align-items:center}
footer .tm{font-size:.78rem;max-width:70ch;margin:8px auto 0}