.jr-app{padding:56px 0 80px;max-width:800px;margin:0 auto}
.jr-app h1{font-size:clamp(38px,7vw,72px);letter-spacing:-.02em}
.jr-intro{font-size:20px;max-width:46ch}
.jr-tools{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 48px}
.jr-tools button{font:800 16px Archivo,sans-serif;padding:.6em 1.2em;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer}
.jr-tools button.on{background:var(--navy);color:#fff}
.jr-line{--fill:0px;position:relative;list-style:none;margin:0;padding:0 0 0 68px}
.jr-line::before,.jr-line::after{content:"";position:absolute;left:20px;top:0;width:8px;border-radius:4px}
.jr-line::before{bottom:0;background:var(--line)}
.jr-line::after{height:var(--fill);background:var(--green)}
.jr-train{position:absolute;left:10px;top:var(--fill);width:28px;height:18px;margin-top:-9px;border-radius:6px;background:var(--yellow);border:3px solid var(--navy);z-index:2}
.jr-stop{position:relative;margin-bottom:20px}
.jr-node{position:absolute;left:-68px;top:6px;width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid var(--navy);display:grid;place-items:center;font:800 17px Archivo,sans-serif;color:var(--navy);z-index:1;transition:background .3s,color .3s,border-color .3s}
.jr-stop.reached .jr-node{background:var(--navy);color:#fff;border-color:var(--green)}
.jr-head{all:unset;display:block;cursor:pointer;width:100%;padding:8px 0}
.jr-head:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.jr-head h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 4px}
.jr-head span{display:block;color:#45566E}
.jr-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}
.jr-stop.open .jr-panel{grid-template-rows:1fr}
.jr-panel>div{overflow:hidden}
.jr-panel ul{margin:8px 0 4px;padding:16px 20px 16px 38px;background:#fff;border-left:5px solid var(--yellow)}
.jr-panel li{margin:6px 0}
.jr-note{margin-top:48px;padding:16px 20px;background:var(--sky);border-radius:var(--r);font-size:16px}
@media(prefers-reduced-motion:reduce){.jr-train{display:none}.jr-panel{transition:none}}