.jr{--g:#16a34a;--g-d:#14532d;--line:#dcd6c9;list-style:none;padding:0;margin:56px 0 0;position:relative}.jr-spine{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--line);border-radius:3px;overflow:hidden}.jr-fill{position:absolute;inset:0;background:linear-gradient(var(--g),#4ade80);transform-origin:top;transform:scaleY(var(--jr-progress,0));transition:transform .12s linear}.jr-step{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;align-items:start;margin-bottom:34px}.jr-badge{grid-column:2;justify-self:center;z-index:1;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--g-d);box-shadow:0 8px 22px rgba(11,42,26,.08);transform:scale(.6) rotate(-12deg);transition:transform .55s cubic-bezier(.2,1.4,.4,1),opacity .3s,background .3s,color .3s}.jr-badge,.jr-card{background:#fff;border:1px solid var(--line);opacity:0}.jr-card{border-radius:20px;padding:22px 24px;box-shadow:0 14px 34px rgba(11,42,26,.06);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.jr-left .jr-card{grid-column:1;grid-row:1;transform:translateX(-36px)}.jr-right .jr-card{grid-column:3;grid-row:1;transform:translateX(36px)}.jr-in .jr-badge,.jr-in .jr-card{opacity:1;transform:none}.jr-in .jr-badge{background:#e7f6ec}.jr-card header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.jr-card time{font-size:.84rem;letter-spacing:.04em;color:var(--g)}.jr-card time,.jr-tag{font-weight:700;text-transform:uppercase}.jr-tag{font-size:.68rem;letter-spacing:.08em;color:var(--g-d);background:#e7f6ec;border-radius:999px;padding:3px 9px}.jr-card h3{font-size:1.12rem;font-weight:600;margin:0 0 6px}.jr-card p{margin:0;color:#4b5a51;line-height:1.6;font-size:.97rem}.jr-next .jr-card{background:transparent;box-shadow:none}.jr-next .jr-badge,.jr-next .jr-card{border-style:dashed}@media (max-width:820px){.jr-spine{left:27px}.jr-step{grid-template-columns:56px 1fr;gap:16px}.jr-badge{grid-column:1}.jr-left .jr-card,.jr-right .jr-card{grid-column:2;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.jr-badge,.jr-card,.jr-fill{transition:none!important;transform:none!important;opacity:1!important}}