.student-tour[hidden], .student-tour-spotlight[hidden], .student-tour [hidden], .student-tour-status[hidden] { display: none !important; }
.student-tour { position: fixed; z-index: 2452; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; padding: 18px; border: 1px solid var(--color-border); border-radius: 20px; background: var(--color-surface, #f6fcfa); color: var(--color-text, #133d39); box-shadow: 0 14px 48px #062d3b35; font: 14px/1.55 Manrope, system-ui, sans-serif; overflow-y: auto; overscroll-behavior: contain; }
.student-tour__top, .student-tour__extras, .student-tour__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.student-tour__count { font-size: 11px; font-weight: 700; color: var(--text-secondary, #476963); }
.student-tour button { font: inherit; font-size: 12px; font-weight: 700; border: 1px solid var(--color-border); border-radius: 10px; padding: 8px 12px; min-height: 40px; color: inherit; background: var(--color-surface-2, #e6f5ef); cursor: pointer; }
.student-tour button:disabled { opacity: .45; cursor: default; }
.student-tour button:focus-visible, .student-tour h2:focus-visible { outline: 3px solid var(--color-accent, #148c7b); outline-offset: 3px; }
.student-tour [data-tour-action="next"] { color: #fff; background: #146457; border-color: #146457; min-width: 96px; }
.student-tour [data-tour-action="close"], .student-tour [data-tour-action="skip"] { border-color: transparent; background: transparent; padding-inline: 4px; }
.student-tour__progress { height: 3px; background: var(--color-border, #ccded6); border-radius: 3px; overflow: hidden; }
.student-tour__progress span { display: block; height: 100%; background: var(--color-accent, #148c7b); }
.student-tour h2 { margin: 0 0 8px; font-size: 21px; line-height: 1.2; letter-spacing: -.03em; }
.student-tour h2:focus:not(:focus-visible) { outline: none; }
.student-tour p { margin: 0; }
.student-tour__where { margin-top: 10px !important; font-size: 11px; color: var(--text-secondary, #476963); }
.student-tour__extras { border-bottom: 1px solid var(--color-border); padding-bottom: 12px; }
.student-tour__extras [data-tour-action="guide"], .student-tour__extras [data-tour-action="return"] { color: var(--color-text); background: transparent; }
.student-tour-spotlight { position: fixed; z-index: 2451; pointer-events: none; box-sizing: border-box; border: 2px solid #32a891; border-radius: 13px; box-shadow: 0 0 0 4px #32a89122, 0 0 0 9999px #061f2c24; }
.student-tour-status { padding: 10px; color: var(--color-text); }
@media (max-width: 800px) {
  .student-tour { padding: 14px; gap: 10px; }
  .student-tour h2 { font-size: 19px; }
  .student-tour button { min-height: 44px; }
  body.student-tutorial-active .sidebar-panel-scroll, body.student-tutorial-active .sidebar-scroll { scroll-padding-block-end: var(--student-tour-reserve, 300px); }
}
@media (prefers-reduced-motion: reduce) { .student-tour, .student-tour-spotlight { animation: none !important; transition: none !important; scroll-behavior: auto; } }