.public-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:20px 20px 100px;font-size:12px;border-top:1px solid var(--line)}

/* Standalone footer links: same 44px target as the public pages; colour, size and order unchanged. */
.public-links>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

/* Leave room above the fixed add button as well as the bottom navigation. */
@media(max-width:767px){#app:has(.mobile-add)+.public-links{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))}}

/* Older selector engines keep all mobile footer targets clear of fixed controls. */
@supports not selector(:has(*)){@media(max-width:767px){.public-links{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))}}}