.route-list{display:grid;gap:18px;margin:24px 0 30px}
.route-card{padding:24px;border:1px solid #d8d4c9;border-top:4px solid #ad6145;border-radius:10px;background:#fbf9f2}
.route-card h3{margin:9px 0 13px}
.route-card p:last-child{margin-bottom:0}
.route-rank{color:#98604a;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.route-flow{display:flex;align-items:stretch;gap:12px;margin:18px 0;padding:12px;border-radius:8px;background:#e8eee8;color:#254440}
.route-flow>span{flex:1;min-width:0;padding:13px;border:1px solid #c5d2c8;border-radius:7px;background:#fffefa;font-size:.86rem;line-height:1.5}
.route-flow>b{align-self:center;white-space:nowrap;font-size:.77rem;color:#607570}
.route-flow code{overflow-wrap:anywhere}
.route-flow small{font-size:.8rem}
@media(max-width:650px){.route-card{padding:18px}.route-flow{flex-direction:column}.route-flow>b{align-self:flex-start}}