.maplibregl-popup-content{border-radius:12px;padding:12px 14px}.course-endpoint{width:20px;height:20px;padding:0;border:3px solid white;border-radius:50%;background:var(--endpoint-color);box-shadow:0 1px 5px #0004;cursor:pointer;z-index:1}.course-endpoint:after{content:"";position:absolute;inset:-15px}.course-endpoint:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.course-endpoint:hover .course-endpoint__label{text-decoration:underline}.course-endpoint-popup{display:grid;gap:12px;width:208px;font:13px/1.5 var(--font-noto-sans-jp),sans-serif}.course-endpoint-popup strong{padding-right:24px;color:var(--color-ink)}.course-endpoint-popover{z-index:20}.course-endpoint-popover .maplibregl-popup-content{padding:16px;border:1px solid var(--color-line);border-radius:14px;box-shadow:0 4px 20px #0002}.course-endpoint-popover .maplibregl-popup-close-button{top:6px;right:6px;width:32px;height:32px;border-radius:50%;color:var(--color-sub);font-size:20px}.course-endpoint-popup a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-cream);color:var(--color-ink);font-weight:700;text-decoration:none}.course-endpoint-popup a:hover{background:#fff6bf;border-color:var(--color-brand-dark)}.course-endpoint-popup a:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.course-endpoint-popup svg{width:16px;height:16px;flex-shrink:0}.course-endpoint--start{--endpoint-color:#187a36}.course-endpoint--finish{--endpoint-color:#1a1a1a}.course-endpoint__label{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:4px 8px;border:2px solid white;border-radius:6px;background:var(--endpoint-color);color:white;font:700 12px/1.4 var(--font-noto-sans-jp),sans-serif;white-space:nowrap;box-shadow:0 1px 5px #0003}.course-endpoint__label--below{top:24px;bottom:auto}.course-selected-point{width:16px;height:16px;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 4px #ffffffb3;pointer-events:none;z-index:5}.course-selected-point__label{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:4px 8px;border:2px solid white;border-radius:6px;background:var(--color-brand);color:var(--color-ink);font:700 12px/1.4 var(--font-noto-sans-jp),sans-serif;white-space:nowrap;box-shadow:0 2px 5px #0002}