.bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding:10px 4px 0;border-bottom:2px solid var(--ln)}
.bars .b{flex:1;min-width:10px;background:var(--leaf);border-radius:8px 8px 0 0;position:relative;transition:height .8s var(--ease);height:2px}
.bars .b:hover{background:var(--gold)}
.bars .b span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:var(--forest);white-space:nowrap;opacity:0}
.bars .b:hover span{opacity:1}
.lab{display:flex;gap:6px;font-size:11px;color:var(--mu)}.lab span{flex:1;text-align:center;overflow:hidden}
.pnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.pnav button{border:0;border-radius:99px;padding:9px 18px;font-weight:700;cursor:pointer;background:#fff;color:var(--forest);box-shadow:inset 0 0 0 2px var(--ln)}
.pnav button.on{background:var(--forest);color:#fff;box-shadow:none}