.route-result{display:none;padding:clamp(1.5rem,4vw,2.5rem);color:#fff;background:linear-gradient(135deg,var(--purple2),#263c92)}
.route-result.is-visible{display:block}
.route-result h3{margin:.5rem 0 .65rem;font:500 clamp(2rem,4vw,3.25rem) var(--display);line-height:1}
.route-result>p{max-width:760px}
.result-meta{display:flex;gap:.55rem;flex-wrap:wrap}
.result-meta span{padding:.3rem .55rem;border:1px solid rgba(255,255,255,.45);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.result-lead{color:#d8ddff}
.result-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:1rem;margin-top:1.4rem}
.route-result .button{color:var(--ink)}
.result-secondary{display:grid;gap:.2rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none}
.result-secondary span{color:rgba(255,255,255,.72);font-size:.88rem}
.result-reset{margin-top:1rem;padding:.4rem 0;color:#fff;background:none;border:0;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
@media(max-width:620px){.result-actions{grid-template-columns:1fr}}