/* Help panel */
    /* ===  =========================== */
    .help-panel{
      background:rgba(15,23,42,.95);
      border:1px solid var(--border);
      border-radius:14px;
      padding:14px 16px 12px;
      margin-bottom:18px;
      position:relative;
      box-shadow:0 10px 25px rgba(0,0,0,.35);
    }
    .help-panel h2{
      margin:0 0 6px;
      font-size:1.1rem;
    }
    .help-panel p{
      margin:2px 0;
      color:var(--muted);
      font-size:.9rem;
    }
    .help-panel ul{
      margin:6px 0 4px 18px;
      padding:0;
      color:var(--muted);
      font-size:.88rem;
    }
    .help-dismiss{
      position:absolute;
      right:10px;
      top:10px;
      border-radius:999px;
      border:1px solid var(--border);
      background:transparent;
      color:var(--muted);
      font-size:.8rem;
      padding:4px 8px;
      cursor:pointer;
    }

    /* ===  =========================== */
    .help-legend-btn{
      position:absolute;
      right:100px;
      top:10px;
      border-radius:999px;
      border:1px solid var(--border);
      background:rgba(15,23,42,.95);
      color:var(--muted);
      font-size:.8rem;
      padding:4px 10px;
      cursor:pointer;
    }
    .help-legend-btn:hover{
      border-color:var(--accent);
      color:var(--text);
    }

    /* Help panel */
    /* ******************************************************* */
    .help-panel{
      background:rgba(15,23,42,.95);
      border:1px solid var(--border);
      border-radius:14px;
      padding:14px 16px 12px;
      margin-bottom:18px;
      position:relative;
      box-shadow:0 10px 25px rgba(0,0,0,.35);
    }
    .help-panel h2{
      margin:0 0 6px;
      font-size:1.1rem;
    }
    .help-panel p{
      margin:2px 0;
      color:var(--muted);
      font-size:.9rem;
    }
    .help-panel ul{
      margin:6px 0 4px 18px;
      padding:0;
      color:var(--muted);
      font-size:.88rem;
    }
    .help-dismiss{
      position:absolute;
      right:10px;
      top:10px;
      border-radius:999px;
      border:1px solid var(--border);
      background:transparent;
      color:var(--muted);
      font-size:.8rem;
      padding:4px 8px;
      cursor:pointer;
    }

    .help-legend-btn{
      position:absolute;
      right:100px;
      top:10px;
      border-radius:999px;
      border:1px solid var(--border);
      background:rgba(15,23,42,.95);
      color:var(--muted);
      font-size:.8rem;
      padding:4px 10px;
      cursor:pointer;
    }
    .help-legend-btn:hover{
      border-color:var(--accent);
      color:var(--text);
    }