.public-mobile-nav{display:none}

@media(max-width:700px){
    body:not(.admin-user){padding-bottom:68px}
    body:not(.admin-user) .topic-layout{gap:26px;padding-top:22px;padding-bottom:96px}
    body:not(.admin-user) .topic-layout .back-link{margin-bottom:20px;font-size:.78rem}
    body:not(.admin-user) .topic-copy h1{margin:12px 0 14px;font-size:clamp(2.25rem,11vw,3.1rem)}
    body:not(.admin-user) .topic-copy .lead{margin-bottom:18px;font-size:.95rem}
    body:not(.admin-user) .topic-copy .description{margin:20px 0;font-size:.92rem;line-height:1.75}
    body:not(.admin-user)>footer{display:none}
    .public-mobile-nav{position:fixed;z-index:1000;right:0;bottom:0;left:0;min-height:66px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(21,36,31,.1);backdrop-filter:blur(12px)}
    .public-mobile-nav a{height:50px;display:grid;grid-template-rows:27px 14px;align-content:center;justify-items:center;gap:2px;color:#52615b;text-decoration:none}
    .public-mobile-nav a:hover,.public-mobile-nav a:focus{color:var(--accent)}
    .public-mobile-nav small{font-size:.64rem;font-weight:700;line-height:14px}
    .public-nav-icon{width:26px;height:26px;display:grid;place-items:center}
    .public-nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
}