.fnr-route{--fnr-ink:var(--ink,var(--color-ranch-navy));--fnr-border:var(--border,var(--color-ranch-navy));--fnr-step-blue:var(--dna-blue,var(--color-ranch-dna-blue));grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:18px 12px 14px;list-style:none;display:grid;position:relative}.fnr-route:before{content:"";border-top:3px dashed var(--fnr-ink);z-index:0;position:absolute;top:26px;left:12%;right:12%}.fnr-step{text-align:center;z-index:1;position:relative}.fnr-step-num{background:var(--fnr-step-blue);color:#fff;border:2px solid #114897;border-radius:50%;place-items:center;width:28px;height:28px;margin:-4px auto 8px;font-weight:900;display:grid}.fnr-mini-scene-img{border:2px solid var(--fnr-border);width:100%;max-width:84px;height:auto;image-rendering:pixelated;margin:0 auto 6px;display:block}.fnr-label{font-family:var(--font-pixel), "Pixelify Sans", ui-monospace, monospace;letter-spacing:.01em;margin-bottom:3px;font-size:13px;display:block}.fnr-description{color:#333;margin:0;font-size:11px;line-height:1.22}@media (max-width:640px){.fnr-route{grid-template-columns:1fr;gap:8px;padding:12px}.fnr-route:before{display:none}.fnr-step{text-align:left;border:2px solid var(--fnr-border);background:#fbfdff;align-items:center;gap:12px;padding:8px;display:flex}.fnr-step-num{flex:none;margin:0}.fnr-mini-scene-img{flex:0 0 84px;margin:0}.fnr-step-text{flex:1}}