.wof-tutorial{color:#173e5a;background:#fff8e3;border:3px solid #173e5a;border-radius:24px;width:min(1120px,94vw,167.111dvh - 408.889px);max-height:94dvh;padding:0;font-family:inherit;overflow:auto;box-shadow:0 16px 70px #001d3dcc}.wof-tutorial::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001e3dde}.wof-tutorial header{justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.wof-tutorial header span{letter-spacing:.15em;color:#347595;font-size:11px;font-weight:800}.wof-tutorial h2{margin:3px 0;font-size:clamp(19px,2.3vw,27px)}.wof-tutorial button{font:inherit;cursor:pointer}.wof-tutorial button:focus-visible{outline-offset:3px;outline:3px solid #0587b7}.wof-tutorial-close{width:38px;height:38px;color:inherit;background:#fff8e3;border:2px solid #173e5a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.wof-tutorial-screen{background:#031c31;line-height:0;position:relative}.wof-tutorial video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.wof-tutorial-play{color:#173e5a;background:#ffe168;border:2px solid #173e5a;border-radius:14px;align-items:center;gap:10px;padding:15px 22px;line-height:1.2;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px #12375499;font-weight:800!important}.wof-tutorial nav{gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.wof-tutorial nav button{color:#235c7c;background:#e9f5f8;border:1px solid #a5c5d2;border-radius:9px;flex:1 0 auto;padding:8px 12px;font-size:12px;font-weight:700}.wof-tutorial nav button[aria-current]{background:#ffe168;border-color:#c49627}.wof-tutorial nav small{opacity:.8;font-size:10px;display:block}.wof-tutorial footer{justify-content:space-between;align-items:center;gap:18px;padding:5px 24px 18px;display:flex}.wof-tutorial footer p{max-width:680px;margin:0;font-size:12px}.wof-tutorial footer button,.wof-tutorial-error button{color:#173e5a;background:#ffe168;border:2px solid #173e5a;border-radius:10px;flex-shrink:0;padding:10px 16px;font-weight:800}.wof-tutorial-error{color:#fff;text-align:center;background:#123b56;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;line-height:1.5;display:flex;position:absolute;inset:0}@media (max-width:620px){.wof-tutorial{border-radius:16px;width:94vw}.wof-tutorial header{padding:12px}.wof-tutorial footer{flex-direction:column;align-items:flex-start;padding:10px 14px}.wof-tutorial nav{padding:10px}.wof-tutorial-play{width:max-content;padding:12px;font-size:13px}}.wof-tutorial-actions{align-items:center;gap:12px;display:flex}.wof-tutorial-cc{white-space:nowrap;color:#173e5a;background:#e9f5f8;border:2px solid #173e5a;border-radius:9px;padding:7px 9px;font-size:12px!important;font-weight:800!important}.wof-tutorial-cc[aria-pressed=true]{background:#ffe168}.wof-tutorial video::cue{color:#fff;background:#001c33e8;font-family:Arial,sans-serif;font-size:clamp(13px,1.5vw,23px)}.wof-tutorial>header{color:#fff5d8;background:linear-gradient(110deg,#0879c2,#0b57a1);border-bottom:3px solid #153452;box-shadow:inset 0 3px #4fc6ed66}.wof-tutorial>header h2{color:#ffe381}.wof-tutorial>header span{color:#c1edff}.wof-tutorial nav{flex-wrap:wrap;overflow:visible}.wof-tutorial nav button{flex:1 0 110px}.wof-tutorial footer{justify-content:center}@media (max-width:620px){.wof-tutorial nav{scrollbar-width:thin;scrollbar-color:#4c99b5 #d4e8ed;background:linear-gradient(#d4e8ed,#d4e8ed) left 10px bottom 5px/calc(100% - 20px) 7px no-repeat;flex-wrap:nowrap;padding-bottom:16px;overflow-x:scroll}.wof-tutorial nav::-webkit-scrollbar{height:9px}.wof-tutorial nav::-webkit-scrollbar-track{background:#d4e8ed;border-radius:8px}.wof-tutorial nav::-webkit-scrollbar-thumb{background:#4c99b5;border-radius:8px}.wof-tutorial nav button{flex:0 0 120px}}.wof-chapter-rail{display:none}@media (max-width:620px){.wof-tutorial nav{scrollbar-width:none;background:0 0;padding-bottom:10px}.wof-tutorial nav::-webkit-scrollbar{display:none}.wof-chapter-rail{touch-action:none;background:#d4e8ed;border-radius:8px;height:8px;margin:0 10px 9px;display:block;position:relative}.wof-chapter-rail>i{background:#4c99b5;border-radius:8px;height:100%;position:absolute;top:0}}.wof-tutorial .wof-tutorial-close{color:#173e5a}.wof-tutorial-access-note{color:#214b63;background:#fff4bd;margin:0;padding:12px 20px;font-size:13px;line-height:1.5}