#phero { padding-top: calc(var(--nav) + 64px); padding-bottom: 40px; }
         .plegend { display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 600;
                    padding: 6px 13px; border-radius: 100px; background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.3); color: #34d399; }
