/* One navigation component for both directions, including city and camp pages. */
nav.route-directions{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:16px 30px 18px;border-top:1px solid rgba(111,230,255,.15);background:linear-gradient(100deg,rgba(111,230,255,.045),rgba(255,210,122,.025))}
.route-directions__title{margin:0 0 8px;font-size:13px;font-weight:800;line-height:1.5;color:#dcfbff}
.route-directions__group+.route-directions__group{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}
.route-directions__country{display:flex;align-items:center;gap:10px;position:relative;min-width:0;max-width:100%;padding:5px 34px 5px 0;font-size:15px;font-weight:800;line-height:1.5;text-decoration:none;color:#dcfbff;overflow-wrap:anywhere}
.route-directions__country>img{flex:none;width:24px;height:16px;object-fit:cover;border-radius:2px}
.route-directions__country>span:not(.route-directions__arrow){min-width:0}
.route-directions__arrow{position:absolute;right:10px;top:9px;font-size:16px;font-weight:400;color:#ffd27a}
.route-directions__country>.route-directions__arrow{right:8px;top:5px}
.route-directions__cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}
.route-directions__card{display:flex;flex-direction:column;gap:6px;position:relative;min-width:0;box-sizing:border-box;padding:8px 28px 8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.025);text-decoration:none;transition:background .18s,border-color .18s}
.route-directions__card strong{font-size:14px;font-weight:800;line-height:1.4;color:#dcfbff;overflow-wrap:anywhere}
.route-directions__card:hover,.route-directions__card[aria-current="page"]{background:rgba(111,230,255,.075);border-color:rgba(111,230,255,.36)}
.route-directions__country:hover,.route-directions__country[aria-current="page"]{color:#ffd27a}
.route-directions a:focus-visible{outline:2px solid #ffd27a;outline-offset:3px}
.route-directions__cities[data-count="3"],.route-directions__cities[data-count="6"],.route-directions__cities[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.route-directions__cities[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.route-directions__cities[data-count="5"]>a{grid-column:span 2}
.route-directions__cities[data-count="5"]>a:nth-last-child(-n+2){grid-column:span 3}
.route-directions__cities[data-count="7"]{grid-template-columns:repeat(12,minmax(0,1fr))}
.route-directions__cities[data-count="7"]>a{grid-column:span 3}
.route-directions__cities[data-count="7"]>a:nth-last-child(-n+3){grid-column:span 4}
@media(max-width:900px){.route-directions__cities{grid-template-columns:repeat(2,minmax(0,1fr))}.route-directions__cities[data-count="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body .kn-hero nav.route-directions{padding:14px}.route-directions__title{font-size:12px;margin-bottom:6px}.route-directions__country{font-size:13px;gap:8px}.route-directions__card{padding:8px 22px 8px 10px;min-height:44px;justify-content:center}.route-directions__card strong{font-size:12px}.route-directions__arrow{right:7px;top:10px}.route-directions__cities,.route-directions__cities[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}.route-directions__cities[data-count]>a,.route-directions__cities[data-count]>a:nth-last-child(-n+3){grid-column:auto}}
@media(prefers-reduced-motion:reduce){.route-directions__card{transition:none}}