.dr-rank-map{--rank-ink:#001f22;--rank-orange:#d36a2b;--rank-paper:#f6f7f8;--rank-line:#c7d2d3;container-type:inline-size;margin:0;border:1px solid var(--rank-line);background:var(--rank-paper);color:var(--rank-ink);font-family:Inter,Arial,sans-serif;box-shadow:12px 12px 0 #d36a2b26}
.dr-rank-map:focus-visible{outline:2px solid #00646b;outline-offset:6px}
.dr-rank-map-head{display:grid;gap:10px;padding:25px 25px 23px;border-bottom:1px solid var(--rank-line)}
.dr-rank-map-kicker{color:#8e441b;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5}
.dr-rank-map-title{font:italic 400 clamp(1.7rem,3cqi + 1rem,2.2rem)/1.02 Newsreader,Georgia,serif;letter-spacing:-.025em}
.dr-rank-map-steps{list-style:none;margin:0;padding:0;background:#fff}
.dr-rank-step{--rank-delay:0s;position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 144px;gap:14px;align-items:center;min-height:122px;padding:16px 22px;border-bottom:1px solid var(--rank-line);box-sizing:border-box}
.dr-rank-step:last-child{border-bottom:0}
.dr-rank-step-two{--rank-delay:1.2s}.dr-rank-step-three{--rank-delay:2.4s}
.dr-rank-marker{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--rank-line);border-radius:50%;background:var(--rank-paper);font-size:10px;font-weight:700;line-height:1}
.dr-rank-copy{display:grid;gap:7px;min-width:0}
.dr-rank-copy strong{font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.dr-rank-copy>span{color:#4a5a5d;font-size:13px;line-height:1.55}
.dr-rank-drawing{display:block;width:144px;height:84px;overflow:visible}
.dr-rank-line{fill:none;stroke:var(--rank-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dr-rank-muted-line{stroke:#5c7375;stroke-width:2.1}
.dr-rank-page{fill:#fff;stroke:#8ba0a2;stroke-width:1}
.dr-rank-svg-label{fill:var(--rank-ink);font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500}
.dr-rank-signal{fill:none;stroke:var(--rank-orange);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:30 100;stroke-dashoffset:100;opacity:0}
.dr-rank-check{fill:none;stroke:#00646b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.dr-rank-action{fill:var(--rank-orange)}
.dr-rank-button-label{font-size:12px;font-weight:650}
.dr-rank-cursor{fill:var(--rank-paper);stroke:var(--rank-ink);stroke-width:1.4;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.dr-rank-map-foot{display:flex;justify-content:space-between;gap:7px;padding:15px 25px;border-top:1px solid var(--rank-line);color:#4a5a5d;font-size:11px;font-weight:550;line-height:1.5}
.dr-rank-map-foot>span[aria-hidden]{color:#8e441b}
@container(max-width:390px){.dr-rank-map-head{padding:21px 18px}.dr-rank-step{grid-template-columns:24px minmax(0,1fr) 128px;gap:10px;min-height:120px;padding:14px 15px}.dr-rank-marker{width:24px;height:24px}.dr-rank-drawing{width:128px;height:auto}.dr-rank-copy strong{font-size:14px}.dr-rank-copy>span{font-size:12.5px}.dr-rank-map-foot{padding:14px 18px}}
@media(prefers-reduced-motion:no-preference){
 .dr-rank-map.is-in .dr-rank-step{animation:drRankStep 1.8s ease var(--rank-delay) 1}
 .dr-rank-map.is-in .dr-rank-signal{animation:drRankSignal 1.4s ease calc(var(--rank-delay) + .2s) 1 both}
 .dr-rank-map.is-in .dr-rank-cursor{animation:drRankClick .8s ease 2.9s 1}
 .dr-rank-map.is-in:is(:hover,:focus-within) *{animation-play-state:paused}
}
@keyframes drRankStep{0%,100%{background:#fff}30%,65%{background:#fff2e9}}
@keyframes drRankSignal{0%{stroke-dashoffset:100;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-35;opacity:0}}
@keyframes drRankClick{0%,100%{transform:translate(0,0)}45%{transform:translate(-4px,-4px)}}
@media(prefers-reduced-motion:reduce){.dr-rank-map *{animation:none!important;transition:none!important}.dr-rank-signal{opacity:0}}