#guidedTutorial { position:fixed; right:14px; bottom:110px; z-index:450; width:340px; max-width:calc(100vw - 28px);
    padding:14px; border:3px solid #9ddcf5; border-radius:8px; background:#f4fcff; color:#16435e;
    box-shadow:0 6px 24px #073e6940; }
#guidedTutorial header { display:flex; align-items:center; gap:8px; font-weight:800; font-size:13px; }
#guidedTutorial header img { width:34px; height:34px; border-radius:6px; }
#tutorialPause { margin-left:auto; width:36px; height:36px; border:0; background:transparent; color:#16435e; font-size:26px; cursor:pointer; }
#tutorialProgress { display:block; width:100%; height:7px; margin-top:10px; accent-color:#21a967; }
#guidedTutorial h2 { margin:12px 0 6px; font-size:19px; }
#guidedTutorial p { margin:0 0 12px; font-size:14px; line-height:1.45; }
#tutorialAction, .tutorialStartButton { min-height:42px; border:2px solid #0869ac; border-radius:6px; background:#0877c7; color:#fff; font-weight:800; padding:8px 12px; cursor:pointer; }
#tutorialAction { width:100%; } #tutorialAction:disabled { opacity:.55; cursor:default; }
.tutorialTarget { outline:3px solid #24ad67 !important; outline-offset:3px; }
.tutorialStartButton { margin:12px 14px 0; align-self:flex-start; }
@media (max-height:500px) { #guidedTutorial { right:10px; bottom:64px; width:288px; padding:9px; }
    #guidedTutorial h2 { font-size:16px; margin:6px 0; } #guidedTutorial p { font-size:12px; line-height:1.3; margin-bottom:7px; }
    #guidedTutorial header img { width:24px; height:24px; } #tutorialProgress { margin-top:4px; } }