/* A supporting scroll score for the existing method. The original .rv owns its
   own reveal; this layer only draws new elements and changes text/border color. */
#metodo .ch-main{position:relative}
#metodo .meth.mp-ready{position:relative;z-index:1}
#metodo .meth.mp-ready>li{position:relative}
#metodo .mp-rail{position:absolute;left:-20px;max-width:none;width:calc(100% + 40px);pointer-events:none;overflow:visible;z-index:0}
.mp-spine,.mp-branch{fill:none;stroke:var(--line-2);stroke-width:1;vector-effect:non-scaling-stroke}
.mp-flow{fill:none;stroke:var(--lime);stroke-width:1.5;vector-effect:non-scaling-stroke}
.mp-node{fill:var(--bg);stroke:var(--ti-lo);stroke-width:1;vector-effect:non-scaling-stroke}
.mp-node.is-passed{stroke:var(--ti)}
.mp-node.is-current{stroke:var(--lime);stroke-width:1.5}
.mp-branch.is-current{stroke:var(--lime)}
.mp-head{fill:var(--lime)}
#metodo .meth.mp-ready .mn{position:relative;z-index:1;transition:color .2s var(--ease)}
#metodo .meth.mp-ready h3{transition:color .2s var(--ease)}
#metodo .meth.mp-ready>li::after{content:"";position:absolute;right:0;top:1.75rem;bottom:1.75rem;width:2px;background:var(--lime);transform:scaleY(0);transform-origin:center;transition:transform .3s var(--ease)}
#metodo .meth.mp-ready>li.mp-current::after{transform:scaleY(1)}
#metodo .meth.mp-ready>li.mp-current .mn{color:var(--lime)}
#metodo .meth.mp-ready>li.mp-current h3{color:var(--ink)}
#metodo .mp-meter{position:absolute;top:calc(100% + .9rem);left:3.1rem;right:0;display:grid;gap:.55rem;max-width:8rem;pointer-events:none}
.mp-meter-line{height:2px;background:var(--line-2);position:relative;overflow:hidden}
.mp-meter-line i{display:block;height:100%;background:var(--lime);transform:scaleX(var(--mp-progress,0));transform-origin:left}
.mp-meter-labels{display:flex;justify-content:space-between;font:500 .625rem/1 var(--f-m);letter-spacing:.08em;color:var(--ink-3)}
.mp-meter-labels span.is-current{color:var(--lime)}
@media(max-width:899px){
  #metodo .mp-meter{position:static;flex:0 0 6.5rem;margin-left:auto;max-width:6.5rem;align-self:center}
  #metodo .meth.mp-ready>li::after{top:1.75rem;bottom:1.75rem}
}
@media(prefers-reduced-motion:reduce){
  #metodo .meth.mp-ready .mn,#metodo .meth.mp-ready h3,#metodo .meth.mp-ready>li::after{transition:none}
  .mp-head{display:none}
}
@media print{.mp-rail,.mp-meter,#metodo .meth.mp-ready>li::after{display:none!important}}