/* ------------------------------------------------------------- visite guidée (onboarding, 11/09) : les bulles du glossaire, appliquées à l'appli */
.gltip.tour { width: min(400px, calc(100vw - 24px)); }
.gltip.tour .glt { font-size: 17px; letter-spacing: .04em; padding-right: 60px; }
.gltip.tour .step { position: absolute; top: 12px; right: 14px; font-family: var(--type); font-size: 12px; color: var(--ink-dim); }
.gltip.tour .gls { margin-top: 6px; }
.gltip.tour .gls b { font-weight: 600; }
.gltip.tour .gls kbd { font-family: var(--type); font-size: 12px; border: 1px solid var(--card-edge); border-radius: 3px; padding: 0 5px; }
.gltip.tour .row { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.gltip.tour .gll { width: auto; margin: 0; }
.gltip.tour .gll.main { color: var(--cream); background: var(--stamp); border-color: var(--stamp); }
.gltip.tour .gll.main:hover { background: var(--stamp-deep); }
.gltip.tour .skip { margin-left: auto; font-size: 12px; color: var(--ink-dim); text-decoration: underline dotted; padding: 6px 0; }
.gltip.tour .skip:hover { color: var(--ink); }
.gltip.tour::before { content: ''; position: absolute; width: 14px; height: 14px; background: var(--card); transform: rotate(45deg); left: 26px; box-shadow: -1px -1px 0 rgba(var(--ink-rgb), .12); }
.gltip.tour.below::before { top: -7px; }
.gltip.tour.above::before { bottom: -7px; box-shadow: 1px 1px 0 rgba(var(--ink-rgb), .12); }
.gltip.tour.inside::before { display: none; }
/* lot 13 : plusieurs éléments peuvent être cerclés par la même bulle (filière + réglages) */
.tour-on { position: relative; z-index: 59; box-shadow: 0 0 0 4px var(--baize), 0 0 0 6px var(--cream) !important; border-radius: 4px; }
nav.tabs button.tour-on { border-radius: 4px 4px 0 0; }
.ink .tour-on { box-shadow: 0 0 0 4px var(--card), 0 0 0 6px var(--ink) !important; }   /* sur une feuille crème, l'anneau est en encre */
.start .glp.tour-on { padding: 6px 10px; margin: 10px -10px 0; }
@media (max-width: 720px) {
  nav.tabs.tour-on { position: fixed; }   /* la barre d'onglets cerclée reste fixée en bas (lot 13 : une bulle pour toute la barre) */
  .gltip.tour::before { display: none; }
  .gltip.tour .glt { padding-right: 50px; }
}