.post-hub-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 10px 30px rgba(15,23,42,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dark .post-hub-nav{border-color:rgba(255,255,255,.09);background:rgba(23,23,23,.82);box-shadow:none}
.post-hub-nav__item{min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:17px;color:#64748b;font-size:13px;font-weight:750;letter-spacing:-.01em;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.post-hub-nav__item svg{width:18px;height:18px;flex:none}
.post-hub-nav__item.is-active{color:#0f172a;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.08)}
.dark .post-hub-nav__item{color:#a3a3a3}.dark .post-hub-nav__item.is-active{color:#fff;background:#2b2b2d;box-shadow:0 5px 18px rgba(0,0,0,.22)}
@media(max-width:520px){.post-hub-nav{border-radius:19px;padding:4px;gap:4px}.post-hub-nav__item{height:42px;border-radius:15px;font-size:12.5px;gap:6px}.post-hub-nav__item svg{width:17px;height:17px}}