/* ink-how.css (11 Nov ink pass): #how in the "clean ink" hand. Pairs with ink-how.js. Loaded after how-r12k / how-fig-r12q / receipt-r12o. */

/* ---- the receipt (paper: green ink) ---- */
#receipt .paper .l i{border:0;border-radius:0;background:none;position:relative;overflow:visible}
#receipt .paper .l i:after{content:none;display:none}
#receipt .paper .l i .ik-rt{position:absolute;left:-2px;top:-1px;width:22px;height:20px;overflow:visible;display:block}
#receipt .paper .l i .ik-rt path{fill:none;stroke:#114136;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#receipt .paper .tot b{position:relative}
#receipt .paper .tot b .ik-loop{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#receipt .paper .tot b .ik-loop path{fill:none;stroke:#114136;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

/* ---- the dark panel (cream ink; dark green on the mint Cartesian card) ---- */
#how .hp .fig{color:#F4EFE4}
#how .hp .fn.mid .fig{color:#114136}
#how .hp .fig .d{stroke-width:1.55}
#how .hp .fig .spd path{stroke-width:1.3}
/* the old straight draw-on and its hiding are replaced by Ink.prep (ink-how.js) */
#how .hp.q-js .fig .d{stroke-dasharray:none;stroke-dashoffset:0;opacity:1}
#how .hp.q-on .fig .d,#how .hp.q-on .fig .dt,#how .hp.q-on .fig .gl{animation:none}
/* the travelling mint dot belongs to the old straight arrows */
#how .hp .kdot{display:none!important}

/* curved hand arrows between the cards */
#how .hp .ar svg path.ik{fill:none;stroke:#F4EFE4;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#how .hp .ar .ch{top:41px}

/* the two ticks under the panel: hand ticks, the old round tick is gone */
#how .hp .pts .ik-tk{position:absolute;left:0;top:1px;width:22px;height:22px;display:block;overflow:visible}
#how .hp .pts .ik-tk path{fill:none;stroke:#F4EFE4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* the points come in after the last arrow has drawn */
#how .hp.k-on .pts>div{transition-delay:calc(4600ms + var(--p,0)*300ms),calc(4600ms + var(--p,0)*300ms)}

@media (max-width:860px){
  #how .hp .fig .d{stroke-width:1.7}
  #how .hp .ar .cv{left:33px}
}

/* fix pass (11 Nov): dark green is clean gloss, no ruled lines. The panel's 64 px grid (.hp:before, polish-r26a) is gone. */
#how .hp:before{background-image:none!important;-webkit-mask-image:none;mask-image:none;animation:none}

/* 11 Nov: the hand line through the total value */
#receipt .paper .val .vx{position:relative;display:inline-block}
#receipt .paper .val .ik-strike{position:absolute;left:-6px;top:0;width:calc(100% + 12px);height:100%;overflow:visible;pointer-events:none}
#receipt .paper .val .ik-strike path{fill:none;stroke:#114136;stroke-width:1.4;stroke-linecap:round;opacity:.7}