/* Supracited v9 kit "shelf" (D-032/D-033); copied by site/build_sig.py */
.sh-shelf{position:relative;list-style:none;margin:0;padding:1.75rem .85rem 1.5rem;display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));column-gap:1rem;row-gap:1.75rem;align-items:end;
background:linear-gradient(180deg,rgba(11,95,89,.04),rgba(11,95,89,0) 40%);border-radius:12px 12px 0 0}
.sh-shelf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.6rem;border-radius:0 0 6px 6px;
background:linear-gradient(180deg,var(--sg-ink),#1b2a28);box-shadow:0 10px 18px -8px rgba(12,23,21,.4)}
.sh-jar{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin:0;padding:0;
border:0;background:none;color:inherit;font:inherit;cursor:pointer;opacity:1;transform:none;z-index:1;
transition:opacity .42s var(--sh-d,0s),transform .42s cubic-bezier(.2,.8,.2,1) var(--sh-d,0s)}
.sh-jar::before{content:"";display:block;width:56%;height:.55rem;border-radius:4px 4px 1px 1px;
background:linear-gradient(180deg,#2a3836,var(--sg-ink));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.sh-fill{position:relative;display:block;width:100%;height:6.75rem;box-sizing:border-box;overflow:hidden;
border:1.5px solid var(--sg-ink);border-radius:3px 3px 12px 12px;background:linear-gradient(135deg,#fff,var(--sg-tray) 70%);
box-shadow:0 10px 16px -12px rgba(12,23,21,.5),inset 0 1px 0 rgba(255,255,255,.6)}
.sh-fill::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--fill,var(--pn,0)) * 100%);
background:linear-gradient(180deg,var(--sg-r2),var(--sg-r3));transition:height .3s cubic-bezier(.2,.8,.2,1)}
.sh-jar.sh-top .sh-fill::after{background:linear-gradient(180deg,#ecd49a,var(--sg-gold))}
.sh-jar.sh-r4 .sh-fill::after{background:linear-gradient(180deg,var(--sg-r4),var(--sg-r5))}
.sh-jar.sh-r3 .sh-fill::after{background:linear-gradient(180deg,var(--sg-r3),var(--sg-r4))}
.sh-jar.sh-r2 .sh-fill::after{background:linear-gradient(180deg,var(--sg-r2),var(--sg-r3))}
.sh-jar.sh-empty .sh-fill{border-style:dashed;border-color:var(--sg-ring);box-shadow:none}
.sh-jar.sh-top .sh-fill{box-shadow:0 0 0 2px var(--sg-gold),0 10px 18px -10px rgba(169,122,30,.45)}
.sh-under{width:100%;box-sizing:border-box;margin-top:.5rem;padding:0 .1rem;display:flex;flex-direction:column;
align-items:center;gap:.05rem;overflow-wrap:normal;word-break:normal;hyphens:none}
.sh-pct{font-size:17px;font-weight:700;line-height:1.2;color:var(--sg-ink)}
.sh-lab{font-size:15px;font-weight:600;line-height:1.25;color:var(--sg-muted);text-align:center}
.sh-jar:focus-visible .sh-fill{outline:2px solid var(--sg-teal);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.sh-jar:hover .sh-fill{border-color:var(--sg-teal-2)}
.sh-jar:hover{transform:translateY(-3px)}}
@media (scripting:enabled){.sg--shelf:not(.sg-fail) .sh-shelf:not(.sh-on) .sh-jar{opacity:0;transform:translateY(14px);
animation:sh-safe 0s 4s forwards}}
@keyframes sh-safe{to{opacity:1;transform:none}}
@media (max-width:63.99rem){.sh-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:47.99rem){.sh-shelf{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.6rem;row-gap:1.4rem;
padding:1.5rem .5rem 1.25rem}.sh-fill{height:5.5rem}.sh-pct{font-size:16px}.sh-lab{font-size:15px}}