/* Locus guided walkthrough */
.tour-ov{display:none;position:fixed;inset:0;z-index:4000;background:rgba(35,40,30,.55)}
.tour-ring{display:none;position:fixed;z-index:4001;border-radius:14px;pointer-events:none;
  box-shadow:0 0 0 9999px rgba(35,40,30,.55),0 0 0 2px var(--neon,#006a3a) inset,0 0 0 4px rgba(87,193,104,.35);
  transition:top .35s cubic-bezier(.22,.61,.36,1),left .35s cubic-bezier(.22,.61,.36,1),width .35s,height .35s}
.tour-ov{background:transparent}
.tour-tip{display:none;position:fixed;z-index:4002;background:var(--panel-solid,#141814);
  border:1px solid var(--line-2,rgba(150,180,150,.22));border-radius:14px;padding:18px;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.5);font-family:"Manrope",system-ui,sans-serif;
  transition:top .35s cubic-bezier(.22,.61,.36,1),left .35s cubic-bezier(.22,.61,.36,1)}
.tour-h{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:15px;color:var(--ink,#333);margin-bottom:7px}
.tour-b{font-size:13.5px;line-height:1.55;color:var(--ink-2,#a6b0a4);margin-bottom:16px}
.tour-f{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tour-dots{display:flex;gap:6px}
.tour-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-2,#ccc);transition:.2s}
.tour-dots i.on{background:var(--neon,#006a3a);width:18px;border-radius:3px}
.tour-btns{display:flex;gap:8px}
.tour-btns button{font-family:"Manrope";font-weight:600;font-size:13px;cursor:pointer;border-radius:9px;padding:8px 14px;transition:.15s}
.tour-back,.tour-skip{background:transparent;border:1px solid var(--line-2,#ccc);color:var(--ink-2,#a6b0a4)}
.tour-back:hover,.tour-skip:hover{color:var(--ink,#333);border-color:var(--ink-3,#999)}
.tour-next{background:var(--neon,#006a3a);border:none;color:#fff}
.tour-next:hover{filter:brightness(1.07)}

/* "Take a tour" launcher in the topbar */
.tourbtn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line-2);
  color:var(--ink-2);border-radius:9px;padding:8px 12px;font-family:"Manrope";font-weight:600;font-size:12.5px;cursor:pointer;transition:.15s}
.tourbtn:hover{border-color:var(--neon-dim);color:var(--neon-dim)}
.tourbtn svg{width:14px;height:14px}
@media(max-width:560px){.tour-tip{width:calc(100vw - 32px)!important;left:16px!important}}
