.top-nav{display:none}.top-nav__inner{max-width:var(--maxw);padding:14px var(--space-6);align-items:center;gap:22px;margin:0 auto;display:flex}.top-nav__brand{color:var(--primary);margin-right:auto;font-size:1.25rem;font-weight:600}.top-nav__link{color:var(--muted);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);padding:6px 12px;font-weight:500;display:inline-flex}.top-nav__link:hover{color:var(--text);text-decoration:none}.top-nav__link--active{color:var(--primary-ink);background:var(--primary-soft)}.tab-bar{background:var(--green-100);padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-nav);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar__item{color:var(--grey-800);flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 4px 8px;font-size:.82rem;font-weight:400;display:flex}.tab-bar__item:hover{text-decoration:none}.tab-bar__icon{line-height:1}.tab-bar__item--active{color:var(--green-600)}@media (width>=681px){.top-nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-nav);display:block;position:sticky;top:0}.tab-bar{display:none}}