/* YCHG chart colours — v1.
   Overrides the payment-breakdown bar + legend dots, which the shared engine
   paints with INLINE styles (mikerush purple/cyan/green). An author !important
   declaration outranks a normal inline declaration in the CSS cascade, so this
   needs NO patched engine file — ychg-calc-v1.js stays byte-identical to
   mikerush's, and both sites keep sharing one engine.

   Load AFTER ychg-calc-v3.css. Additive only — v3 is untouched.

   Slice order is the engine's filtered array (zero-value slices are dropped),
   and the bar segment and its legend dot always share an index, so the two
   always agree. Slice 1 is always Principal & Interest. */

.mrcalc .bdbar i:nth-child(1),.mrcalc .bdlist .bdrow:nth-child(1) .dot{background:#C9203A!important}
.mrcalc .bdbar i:nth-child(2),.mrcalc .bdlist .bdrow:nth-child(2) .dot{background:#E3C868!important}
.mrcalc .bdbar i:nth-child(3),.mrcalc .bdlist .bdrow:nth-child(3) .dot{background:#A8455E!important}
.mrcalc .bdbar i:nth-child(4),.mrcalc .bdlist .bdrow:nth-child(4) .dot{background:#F0A93B!important}
.mrcalc .bdbar i:nth-child(5),.mrcalc .bdlist .bdrow:nth-child(5) .dot{background:#8E1B2D!important}
.mrcalc .bdbar i:nth-child(6),.mrcalc .bdlist .bdrow:nth-child(6) .dot{background:#C9A227!important}
.mrcalc .bdbar i:nth-child(7),.mrcalc .bdlist .bdrow:nth-child(7) .dot{background:#E8845C!important}

/* Hairline between adjacent slices so the two golds and two reds stay legible
   where they touch at small bar heights. */
.mrcalc .bdbar i + i{box-shadow:inset 1px 0 0 rgba(18,5,8,.55)}