.method-reference-steps button{--step-progress:0}
.method-reference-steps button:not(:last-child)::after{height:3px;top:22px;background:#d4dfd0;border-radius:4px}
.method-reference-steps button:not(:last-child)::before{content:"";position:absolute;z-index:1;top:22px;left:calc(50% + 24px);width:calc((100% - 48px)*var(--step-progress));height:3px;background:#427d65;border-radius:4px;pointer-events:none}
.method-reference-steps button.is-complete>span{background:#dbe8d8;border-color:#427d65;color:#123e46}
.method-reference-steps button[aria-selected=true]>span{box-shadow:0 0 0 5px #dce8da;transition:box-shadow .3s}
.method-reference-panel.method-enter:not([hidden]){animation:method-reveal .55s ease both}
.method-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;padding-top:16px;color:#526d68;font-size:12px;line-height:1.5}
.method-carousel-count{font-variant-numeric:tabular-nums;color:#123e46}
.method-carousel-controls button{background:none;color:#123e46;border:1px solid #b9ccb2;border-radius:99px;padding:7px 15px;font:inherit;min-height:40px;cursor:pointer}
.method-carousel-controls button:hover{background:#e8eee4}
.method-carousel-controls button:focus-visible{outline:2px solid #123e46;outline-offset:3px}
@keyframes method-reveal{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .method-reference-steps button::before{display:block!important;top:auto!important;bottom:0;left:10%!important;width:calc(80% * var(--step-progress))!important;height:3px!important}
 .method-reference-steps button::after{display:block!important;top:auto!important;bottom:0;left:10%!important;width:80%!important;height:3px!important}
 .method-reference-steps button:last-child::after{content:"";position:absolute;background:#d4dfd0;border-radius:4px}
 .method-reference-steps button:last-child::before{content:"";position:absolute;background:#427d65;z-index:1;border-radius:4px}
 .method-reference-steps button{padding-bottom:15px}
 .method-carousel-controls{gap:12px;justify-content:space-between}
 .method-carousel-controls>span:first-child{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.method-reference-panel.method-enter:not([hidden]){animation:none}}