/* Animation-only enhancements. No layout/spacing changes. */
.allocation .donut{
  position:relative;
  isolation:isolate;
  will-change:background,transform,opacity;
  transform-origin:center;
  filter:drop-shadow(0 18px 14px rgba(18,33,30,.18)) drop-shadow(0 5px 4px rgba(15,61,62,.12));
  box-shadow:inset 0 12px 18px rgba(255,255,255,.20),inset 0 -14px 20px rgba(18,33,30,.16),0 2px 0 rgba(255,255,255,.75);
}
.allocation .donut::before{
  z-index:3;
  box-shadow:inset 0 4px 8px rgba(18,33,30,.06),0 8px 18px rgba(18,33,30,.09);
}
.allocation .donut::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:50%;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.08) 34%,transparent 50%,rgba(18,33,30,.10) 100%);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.42),inset -3px -5px 10px rgba(18,33,30,.12);
}
.allocation .donut b,.allocation .donut span{position:relative;z-index:4}
.allocation .rg-legend-value{
  display:inline-block;
  min-width:2.25em;
  font-variant-numeric:tabular-nums;
}
.allocation li:nth-child(2) i{background:#640000!important}
.allocation li:nth-child(2) .rg-legend-value,
.allocation li:nth-child(2) .rg-legend-label{color:#E2A42B;font-weight:700}

@media (prefers-reduced-motion: reduce){
  .allocation .donut,
  .allocation li{animation:none!important;transition:none!important;}
}