html,body.route-embed{margin:0;width:100%;height:100%;background:#fff;color:#000;font-family:system-ui,sans-serif}
.route-embed *{box-sizing:border-box}
.route-embed__shell{display:flex;flex-direction:column;height:100%;min-height:240px}
.route-embed__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:2px solid #000;font-weight:800;font-size:14px}
.route-embed__head>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-embed a{color:#000;text-decoration:underline;text-underline-offset:3px}
.route-embed__head nav{display:flex;gap:14px;flex-shrink:0;font-size:12px}
.route-embed__tracks{display:flex;gap:8px;overflow:auto;padding:8px 12px;flex-shrink:0}
.route-embed__tracks button{cursor:pointer;flex-shrink:0;border:1px solid #000;border-left:5px solid #ff4a00;background:#fff;color:#000;font-size:12px;font-weight:700;padding:8px 10px}
.route-embed__tracks button[aria-pressed=true]{background:#000;color:#fff}
.route-embed__map.segments-map{flex:1;min-height:160px;height:auto;width:100%;border:0;border-radius:0;box-shadow:none}
.route-embed a:focus-visible,.route-embed button:focus-visible{outline:3px solid #ff4a00;outline-offset:2px}
.route-embed .maplibregl-control-container{font-family:system-ui,sans-serif}
@media(max-width:400px){.route-embed__head{padding:10px;font-size:12px}.route-embed__head nav{gap:8px;font-size:11px}}
.route-embed__track{display:flex;align-items:center;flex-shrink:0}
.route-embed__track input{width:28px;height:28px;accent-color:#000;cursor:pointer;margin-right:4px}
.route-embed__tracks button{min-height:36px}
.route-embed:not(.route-embed--pois) .route-poi-marker{display:none}
.route-embed .route-poi-marker{width:30px;height:30px;min-width:30px;min-height:30px;font-size:11px;border-width:2px}

/* The site locale middleware also runs for standalone HTML. Keep its floating navigation outside embedded maps. */
.route-embed .language-switch{display:none}