.guide-route { margin: 1.6rem 0 2rem; }
.guide-route h2, .guide-route h3 { margin-bottom: .5rem; }
.guide-route-mode { display: inline-block; margin: 0 0 .5rem; padding: .2rem .65rem; border-radius: 4px; background: #edf3ee; color: #1a3a2a; font-size: .85rem; font-weight: 600; }
.guide-route-help { margin: .25rem 0 1rem; line-height: 1.65; }
.guide-route-map { width: 100%; height: 340px; border: 1px solid #bcc9c1; border-radius: 8px; background: #edf3ee; z-index: 0; }
.guide-route-map[hidden] { display: none; }
.guide-route-stops { padding-left: 1.6rem; line-height: 1.7; }
.guide-route-stops li { padding: .3rem 0; }
.guide-route-map .guide-route-marker { background: #1a3a2a; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 1px 5px #0006; color: #fff; font: 700 15px/32px Arial, sans-serif; text-align: center; }
.guide-route-map .guide-route-marker:focus-visible { outline: 3px solid #c58a1b; outline-offset: 3px; }
.article-content .guide-route-action { margin: .8rem 0 0; }
.article-content a.guide-route-directions,
.article-content a.guide-route-directions:link,
.article-content a.guide-route-directions:visited { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; box-sizing: border-box; padding: .7rem 1rem; border: 1px solid #1a3a2a; border-radius: 6px; background: #1a3a2a; color: #fff; font-size: .95rem; line-height: 1.4; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.article-content a.guide-route-directions:hover { background: #28553d; border-color: #28553d; color: #fff; text-decoration: none; }
.article-content a.guide-route-directions:focus-visible { outline: 3px solid #c58a1b; outline-offset: 3px; }
.article-content .guide-route-map .leaflet-control a { color: #1a3a2a; text-decoration: none; }
.article-content .guide-route-map .leaflet-control-attribution a { text-decoration: underline; }
.article-content .city-current-attractions a,
.article-content .city-current-attractions a:visited { color: #1a3a2a; text-decoration: underline; text-decoration-color: #c58a1b; text-underline-offset: .18em; }
.article-content .city-current-attractions a:hover { color: #28553d; text-decoration-thickness: 2px; }
@media (max-width: 640px) { .guide-route-map { height: 300px; } .article-content a.guide-route-directions { width: 100%; justify-content: center; text-align: center; } }