/* Supracited v9 kit "pillbox" (D-032/D-033); copied by site/build_sig.py */
.pb-box{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;
perspective:600px}
.pb-comp{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;
box-sizing:border-box;margin:0;padding:1.15rem .6rem .75rem;border:1.5px solid var(--sg-hair);border-radius:12px;
background:linear-gradient(180deg,#fff,var(--sg-tray));color:inherit;font:inherit;text-align:left;cursor:pointer;
opacity:1;transform:none;box-shadow:0 10px 16px -14px rgba(12,23,21,.5);
transition:opacity .4s var(--pb-d,0s),transform .4s cubic-bezier(.2,.8,.2,1) var(--pb-d,0s),border-color .2s,
box-shadow .25s}
.pb-comp::before{content:"";position:absolute;left:8%;right:8%;top:0;height:.65rem;border-radius:3px 3px 1px 1px;
background:linear-gradient(180deg,#2a3836,var(--sg-ink));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
transform-origin:50% 100%;transform:perspective(220px) rotateX(0deg);
transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.pb-day{margin-top:.3rem;font-size:15px;font-weight:700;line-height:1.2;color:var(--sg-muted)}
.pb-lab{font-size:15px;font-weight:600;line-height:1.3;min-height:2.6em}
.pb-pills{margin-top:.2rem;display:flex;flex-wrap:wrap;gap:.22rem;align-content:flex-start}
.pb-pill{display:block;width:.75rem;height:1.1rem;border-radius:999px;background-color:var(--sg-track);
background-image:radial-gradient(circle at 30% 22%,rgba(255,255,255,.65),rgba(255,255,255,0) 60%);
border:1px solid var(--sg-ring)}
.pb-pill.pb-top{background-color:var(--sg-gold);border-color:var(--sg-gold-deep)}
.pb-pill.pb-r1{background-color:var(--sg-r5);border-color:var(--sg-r6)}
.pb-pill.pb-r2{background-color:var(--sg-r4);border-color:var(--sg-r5)}
.pb-pill.pb-r3{background-color:var(--sg-r3);border-color:var(--sg-r4)}
.pb-pill.pb-r4{background-color:var(--sg-r2);border-color:var(--sg-r3)}
.pb-pill.pb-other{background-color:var(--sg-muted);background-image:none;border-color:var(--sg-ink);opacity:.5}
.pb-pill.pb-none{background-color:transparent;background-image:none}
.pb-comp:focus-visible{outline:2px solid var(--sg-teal);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.pb-comp:hover{border-color:var(--sg-teal-2);
box-shadow:0 14px 22px -14px rgba(12,23,21,.55)}.pb-comp:hover::before{transform:perspective(220px) rotateX(-32deg)}}
.pb-comp:focus-visible::before{transform:perspective(220px) rotateX(-32deg)}
@media (scripting:enabled){.sg--pillbox:not(.sg-fail) .pb-box:not(.pb-on) .pb-comp{opacity:0;transform:translateY(14px);
animation:pb-safe 0s 4s forwards}}
@keyframes pb-safe{to{opacity:1;transform:none}}
@media (max-width:44.99rem){.pb-box{grid-template-columns:repeat(2,minmax(0,1fr))}}