.dc-routes__wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.dc-routes__map{position:relative;border:1px solid var(--rule);background:color-mix(in srgb,var(--fg) 3%,transparent);overflow:hidden}
.dc-map{width:100%;height:auto;display:block}
.dc-map__routes path{stroke:color-mix(in srgb,var(--fg) 50%,transparent);stroke-width:2.5;stroke-dasharray:7 7;stroke-linecap:round;transition:stroke .2s,stroke-width .2s,opacity .2s}
.dc-routes__wrap.has-active .dc-map__routes path{opacity:.2}
.dc-routes__wrap .dc-map__routes path.is-active{opacity:1;stroke:var(--dc-primary);stroke-width:4;stroke-dasharray:none}
.dc-section--dark .dc-routes__wrap .dc-map__routes path.is-active{stroke:var(--dc-signal)}
{% if theme.effects.animations %}@media (prefers-reduced-motion:no-preference){.dc-map__routes path{animation:dc-dash 1.6s linear infinite}}{% endif %}
@keyframes dc-dash{to{stroke-dashoffset:-28}}
.dc-map__ports rect{fill:var(--dc-surface);stroke:var(--fg);stroke-width:2}
.dc-map__ports .is-home rect{fill:var(--dc-primary);stroke:none}
.dc-map__ports text{font-family:var(--dc-f-mono);font-weight:600;letter-spacing:.04em;fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:.25;stroke-linejoin:round}
.dc-routes__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.dc-route{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--rule);cursor:default;transition:background-color .15s}
.dc-route:hover,.dc-route:focus-visible{background:color-mix(in srgb,var(--fg) 6%,transparent);outline:none}
.dc-route:focus-visible{box-shadow:inset 3px 0 0 var(--dc-primary)}
.dc-route__ports{display:flex;flex-direction:column;gap:2px}
.dc-route__ports strong{color:var(--fg);font-weight:600}
.dc-route__transit{font:700 1.05rem var(--dc-f-head);color:var(--fg);white-space:nowrap}
@media (max-width:1023px){.dc-routes__wrap{grid-template-columns:1fr}}
@media (max-width:600px){.dc-map__ports text{font-size:calc(var(--u) * 2.8px)}}
@media (max-width:480px){.dc-route{grid-template-columns:52px minmax(0,1fr)}.dc-route__transit{grid-column:2}}