.help-header-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #dbe5e9;border-radius:8px;font-weight:600;text-decoration:none;font-size:13px}.tutorial-intro{background:#eaf4f5;border:1px solid #c9e0e2;border-radius:16px;padding:24px;margin-bottom:24px}.tutorial-kicker{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#28626a}.tutorial-intro h2{font-size:26px;margin:10px 0}.tutorial-safe{font-size:13px;color:#48656c;line-height:1.6}.tutorial-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}.tutorial-topics button{text-align:left;background:#fff;color:#173444;border:1px solid #d5e2e8;border-radius:12px;padding:20px;min-height:110px}.tutorial-topics button:hover{border-color:var(--teal,#0d6565);background:#f5fafb}.tutorial-topics strong{display:block;font-size:16px;margin-bottom:9px}.tutorial-topics span{display:block;font-size:13px;line-height:1.5;color:#607780;font-weight:400}.tutorial-player,.tutorial-practice{border:1px solid #d5e2e8;border-radius:14px;background:#fff;padding:24px;margin:20px 0;scroll-margin-top:95px}.tutorial-player header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-player progress{display:block;width:100%;height:7px;margin:18px 0 24px;accent-color:var(--teal,#0d6565)}.tutorial-player h2{font-size:23px;line-height:1.4}.tutorial-player li{line-height:1.6;margin:10px 0}.tutorial-controls{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e3ecef;padding-top:18px;margin-top:24px}.tutorial-practice h2{margin:10px 0}.tutorial-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tutorial-demo-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutorial-demo-totals>div{padding:15px;border-radius:10px;background:#f0f6f7}.tutorial-demo-totals dt{font-size:13px;color:#607780}.tutorial-demo-totals dd{font-size:25px;font-weight:700;margin:10px 0 0}.tutorial-welcome{width:500px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:26px;border-radius:16px;overflow:auto;color:#173444}.tutorial-welcome::backdrop{background:#102c4877;backdrop-filter:blur(2px)}.tutorial-welcome p{line-height:1.65}.tutorial-start{display:inline-flex;padding:13px 18px;margin:8px 8px 12px 0;min-height:44px;align-items:center;background:var(--teal,#0d6565);color:#fff;text-decoration:none;border-radius:9px;font-weight:600}.tutorial-welcome small{margin-top:12px}.tutorial-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:900px){.tutorial-topics{grid-template-columns:1fr 1fr;gap:10px}.tutorial-topics button{padding:15px;min-height:120px}.tutorial-topics strong{font-size:14px}.tutorial-intro,.tutorial-player,.tutorial-practice{padding:18px}.tutorial-intro h2{font-size:23px}.tutorial-demo-totals{grid-template-columns:1fr}.tutorial-demo-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-demo-totals dd{margin:0;font-size:23px}.tutorial-player header button{padding:10px;font-size:12px}.help-header-link{padding:8px;font-size:12px}.tutorial-player{scroll-margin-top:80px}}
@media(max-width:420px){.tutorial-practice-grid{grid-template-columns:1fr}.tutorial-topics{grid-template-columns:1fr}.tutorial-topics button{min-height:92px}.tutorial-player h2{font-size:21px}}
@media print{.help-header-link,.tutorial-controls,.tutorial-topics,.tutorial-welcome{display:none!important}}