/* Imagegen artwork; labels remain selectable, translated HTML text. */
body.ts-route .route-jumps {
 gap:16px;
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
}
body.ts-route .route-jumps a {
 min-height:80px;
 padding:20px 30px;
 border:0;
 background:#f7edcf url('/assets/atlas-art/route-navigation-v2.webp') center / 100% 100% no-repeat;
 color:#203f2b;
 font-family:var(--atlas-serif, Georgia, serif);
 font-size:24px;
 font-weight:500;
 line-height:1.25;
 text-shadow:none;
 box-shadow:0 2px 6px #203f2b0c;
 transition:filter .18s,transform .18s,box-shadow .18s;
}
body.ts-route .route-jumps a + a { border:0; }
body.ts-route .route-jumps a::after { color:#856732; font:20px Georgia,serif; }
body.ts-route .route-jumps a:hover,
body.ts-route .route-jumps a:focus-visible {
 background:#f7edcf url('/assets/atlas-art/route-navigation-v2.webp') center / 100% 100% no-repeat;
 color:#203f2b;
 filter:brightness(1.035);
 transform:translateY(-2px);
 box-shadow:0 4px 10px #203f2b18;
}
body.ts-route .route-jumps a:is(:hover,:focus-visible)::after { color:#856732; }
body.ts-route .route-jumps a:focus-visible { outline:3px solid #94743b; outline-offset:4px; }
body.ts-route .route-jumps a:active { transform:translateY(0); }
@media(max-width:760px) {
 body.ts-route .route-jumps { gap:10px; }
 body.ts-route .route-jumps a { min-height:72px; padding:18px 20px; gap:8px; font-size:20px; }
}
@media(max-width:540px) {
 body.ts-route .route-jumps { grid-template-columns:1fr; margin:16px 0 24px; gap:10px; }
 body.ts-route .route-jumps a { min-height:68px; padding:18px 32px; font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
 body.ts-route .route-jumps a { transition:none; }
 body.ts-route .route-jumps a:is(:hover,:focus-visible) { transform:none; }
}