/* Guided tour */
.tour-dim{position:fixed;z-index:1000;background:rgba(8,12,18,.62)}
.tour-ring{position:fixed;z-index:1001;pointer-events:none;outline:3px solid var(--live);outline-offset:0;border-radius:2px;box-shadow:0 0 0 6px rgba(240,180,41,.25)}
.tour-pop{position:fixed;z-index:1002;width:min(380px,calc(100vw - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--rule);border-top:4px solid var(--live);box-shadow:0 18px 50px rgba(0,0,0,.35);padding:14px 16px 14px}
.tour-pop.center{top:50%;left:50%;transform:translate(-50%,-50%)}
.tour-pop.dock{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:46vh;overflow:auto}
.tour-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.tour-n{font-family:var(--f-data);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.tour-x{background:transparent;border:0;color:var(--muted);font-size:24px;line-height:1;padding:2px 6px;cursor:pointer;min-width:36px;min-height:36px}
.tour-x:hover{color:var(--ink)}
.tour-pop h2{font-family:var(--f-display);font-size:19px;line-height:1.2;margin:0 0 6px;outline:none}
.tour-pop p{margin:0 0 10px;font-size:15.5px;line-height:1.45}
.tour-pop .tour-note{font-size:13.5px;color:var(--muted)}
.tour-dots{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0 12px}
.tour-dots span{width:7px;height:7px;border-radius:50%;background:var(--rule)}
.tour-dots span.on{background:var(--live)}
.tour-btns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tour-btns [hidden]{display:none}
.touring .tip{z-index:1003}

.tour-launch{position:fixed;z-index:900;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:8px 14px 8px 8px;font-family:var(--f-data);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.tour-launch .q{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--live);color:#1a1300;font-weight:800}
.tour-launch:focus-visible,.tour-x:focus-visible{outline:3px solid var(--live);outline-offset:2px}
.touring .tour-launch,.tour-offered .tour-launch{display:none}

.tour-offer{position:fixed;z-index:950;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--rule);border-left:4px solid var(--live);box-shadow:0 12px 36px rgba(0,0,0,.28);padding:12px 14px}
.tour-offer p{margin:0 0 10px;font-size:15px;line-height:1.4}
@media (prefers-reduced-motion: no-preference){.tour-offer{animation:tour-in .25s ease-out}}
@keyframes tour-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media print{.tour,.tour-launch,.tour-offer{display:none!important}}