.pct{margin-top:10px;font-weight:700;font-size:15px;color:var(--purple-deep);font-variant-numeric:tabular-nums}

/* tidy 3-button action row */
.res-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.ract{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;
  background:#fff;border:1px solid rgba(232,88,154,.14);cursor:pointer;
  font-weight:600;font-size:13px;color:#1c1418;transition:transform .15s,box-shadow .15s,border-color .15s}
.ract:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(140,40,120,.5);border-color:rgba(232,88,154,.4)}
.ract .ic{display:flex;align-items:center;justify-content:center}
.ract svg{width:20px;height:20px}
.res-img .expand{cursor:pointer}

/* fullscreen lightbox */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  background:rgba(20,12,18,.85);backdrop-filter:blur(6px);padding:24px}
.lightbox.show{display:flex}
.lightbox img{max-width:92vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.lightbox .close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer;font-size:22px;
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.lightbox .close:hover{background:rgba(255,255,255,.28)}