.tutorial-page{width:min(1100px,100% - 36px);margin:0 auto;padding:22px 0 72px}.tutorial-page .site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;width:100%;height:auto;min-height:46px;margin:0 0 28px;display:grid}.tutorial-page .site-header:after{display:none}.tutorial-page .header-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.tutorial-page .header-help-button,.tutorial-page .tutorial-link,.tutorial-page .language-picker .utility-button,.tutorial-page .theme-button{white-space:nowrap;border:1.5px solid var(--st-bd);background:var(--st-card);height:40px;box-shadow:var(--st-shadow-sm);color:var(--st-t2);font:800 13.5px/1 var(--st-sans);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tutorial-page .header-help-button,.tutorial-page .tutorial-link{background:var(--st-accsoft);border-color:var(--st-accline);color:var(--st-acc-tx);padding:0 15px}.tutorial-page .language-picker .utility-button{gap:8px;padding:0 15px}.tutorial-page .theme-button{width:40px;margin-left:0}.tutorial-back{border:1.5px solid var(--st-bd);background:var(--st-card);height:32px;box-shadow:var(--st-shadow-sm);color:var(--st-t2);font:800 12.5px/1 var(--st-sans);border-radius:999px;align-items:center;margin-bottom:18px;padding:0 12px;text-decoration:none;display:inline-flex}.tutorial-back:hover{border-color:var(--st-accline);color:var(--st-acc-tx)}.tutorial-page .kick{background:var(--st-accsoft);color:var(--st-acc-tx);font:800 13px/1 var(--st-sans);border-radius:999px;margin:0 0 14px;padding:8px 16px;display:inline-block}.tutorial-page>h1{max-width:16em;color:var(--st-t1);font:900 clamp(28px, 5vw, 44px)/1.12 var(--st-sans);letter-spacing:-.035em;margin:0 0 12px}.tutorial-lead{max-width:38em;color:var(--st-t2);font:400 16px/1.7 var(--st-sans);margin:0 0 36px}.tutorial-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:36px;display:grid}.tutorial-toc{border:1.5px solid var(--st-line);background:var(--st-soft);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;position:sticky;top:24px}.tutorial-toc p{color:var(--st-acc-tx);font:800 11px/1 var(--st-sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}.tutorial-toc a{color:var(--st-t2);font:800 13.5px/1.4 var(--st-sans);text-decoration:none}.tutorial-toc a:hover{color:var(--st-acc-tx)}.tutorial-cta{background:var(--st-grad);text-align:center;box-shadow:0 12px 24px -14px var(--st-g1);border-radius:999px;margin-top:10px;padding:11px 14px;color:#fff!important}.tutorial-section{margin-bottom:32px;padding-top:8px}.tutorial-section h2{color:var(--st-t1);font:900 26px/1.2 var(--st-sans);letter-spacing:-.03em;margin:0 0 10px}.tutorial-section>p{color:var(--st-t2);font:400 15px/1.7 var(--st-sans);margin:0 0 16px}.tutorial-steps{counter-reset:tut;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tutorial-steps li{border:1.5px solid var(--st-bd);background:var(--st-card);counter-increment:tut;border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:16px 18px;display:grid}.tutorial-steps li:before{content:counter(tut, decimal-leading-zero);background:var(--st-grad);color:#fff;width:36px;height:36px;font:900 12px/1 var(--st-sans);border-radius:12px;place-items:center;display:grid}.tutorial-steps li>div{min-width:0}.tutorial-steps strong{color:var(--st-t1);font:800 16px/1.3 var(--st-sans);margin:6px 0;display:block}.tutorial-steps p,.tutorial-steps a{color:var(--st-t2);font:400 14px/1.7 var(--st-sans);margin:0}.tutorial-faq{gap:12px;margin:0;display:grid}.tutorial-faq>div{border:1.5px solid var(--st-bd);background:var(--st-card);border-radius:16px;padding:16px 18px}.tutorial-faq dt{color:var(--st-t1);font:800 15px/1.4 var(--st-sans);margin:0 0 6px}.tutorial-faq dd{color:var(--st-t2);font:400 14px/1.7 var(--st-sans);margin:0}.station-home .tutorial-link,.tutorial-page .tutorial-link,.tutorial-page .header-help-button{white-space:nowrap;flex-shrink:0}.station-home .tutorial-link:hover,.tutorial-page .tutorial-link:hover,.tutorial-page .header-help-button:hover{background:var(--st-grad);color:#fff;border-color:#0000}@media (max-width:800px){.tutorial-layout{grid-template-columns:1fr}.tutorial-toc{flex-flow:wrap;position:static}.tutorial-cta{width:100%}}@media (max-width:700px){.tutorial-page{width:min(100% - 24px,1100px);padding:16px 0 48px}.tutorial-page .site-header{column-gap:8px;margin-bottom:18px}.tutorial-page .brand-seal{border-radius:10px;width:36px;height:36px}.tutorial-page .brand strong{font-size:15px}.tutorial-page .brand small{display:none}.tutorial-page .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.tutorial-page .header-help-button,.tutorial-page .tutorial-link,.tutorial-page .language-picker .utility-button,.tutorial-page .theme-button{height:34px;padding:0 10px;font-size:12px}.tutorial-page .theme-button{width:34px;padding:0}.tutorial-page h1{font-size:28px}}