.dbm-route-related{margin:32px 0;padding:24px;border:1px solid rgba(130,179,225,.22);border-radius:22px;background:linear-gradient(135deg,rgba(12,27,46,.9),rgba(5,15,29,.95));container-type:inline-size}
.dbm-route-related .dbm-route-kicker{margin:0 0 8px;color:#f3c74f;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dbm-route-related h2{margin:0 0 10px;font-size:clamp(23px,3vw,32px);line-height:1.2}
.dbm-route-related>p{color:#a7bbcf;line-height:1.6}
.dbm-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.dbm-route-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:18px;border:1px solid rgba(130,179,225,.2);border-radius:16px;background:rgba(10,25,43,.75);color:#eef5fd;text-decoration:none;overflow-wrap:anywhere;transition:border-color .15s,background .15s}
.dbm-route-card:hover{border-color:#f3c74f;background:rgba(22,38,57,.95)}
.dbm-route-card:focus-visible,.dbm-route-footnote a:focus-visible{outline:3px solid #f3c74f;outline-offset:4px}
.dbm-route-step{color:#f3c74f;font-size:12px;font-weight:800;line-height:1.4}
.dbm-route-card h3{margin:0;font-size:18px;line-height:1.35;color:#eef5fd}
.dbm-route-card p{margin:0;color:#a7bbcf;font-size:14px;line-height:1.55}
.dbm-route-card .dbm-route-open{margin-top:auto;padding-top:5px;color:#d9efff;font-size:14px;font-weight:800}
.dbm-route-related .dbm-route-footnote{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(130,179,225,.16);font-size:14px}
.dbm-route-footnote a{color:#d9efff;text-underline-offset:3px}
@container(max-width:650px){.dbm-route-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dbm-route-related{padding:20px 16px}.dbm-route-grid{grid-template-columns:1fr}.dbm-route-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.dbm-route-card{transition:none}}
