#roadtrip-map { width:100%; height:460px; border-radius:14px; }
      .map-legend {
          background:#fff; padding:.5rem .75rem; border-radius:10px;
          box-shadow:0 2px 10px rgba(0,0,0,.08);
          font:12px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    }
    .legend-line { display:inline-block; width:14px; height:2px; background:#3388ff; vertical-align:middle; margin-right:.35rem; }
    .legend-dot, .legend-dot-unesco {
          display:inline-block; width:10px; height:10px; border-radius:50%;
          vertical-align:middle; margin-right:.35rem;
    }
    .legend-dot { background:#3388ff; }
    .legend-dot-unesco { background:#b36; }
    .unesco-badge {
          display:inline-block; padding:2px 6px; border:1px solid #b36;
          border-radius:999px; font-size:11px; color:#b36;
    }