.tutorial-static .site-directory{max-width:1240px;width:100%;box-sizing:border-box}
.tutorial-static .tutorial-language,.tutorial-static .tutorial-actions,.tutorial-static .tutorial-pagination{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.tutorial-static .tutorial-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.tutorial-static .tutorial-toc{position:sticky;top:24px;padding:16px;border:1px solid #334155;border-radius:12px;font-size:14px;max-height:80vh;overflow:auto}
.tutorial-static .tutorial-toc ul{padding-left:18px}.tutorial-static .tutorial-toc li{margin:10px 0}
.tutorial-static .tutorial-content{min-width:0;line-height:1.9;overflow-wrap:anywhere}
.tutorial-static .tutorial-content section{scroll-margin-top:24px}.tutorial-static .tutorial-content h2{margin-top:32px}
.tutorial-static .tutorial-content table{display:block;width:max-content;max-width:100%;overflow:auto;border-collapse:collapse}
.tutorial-static .tutorial-content th,.tutorial-static .tutorial-content td{padding:10px;border:1px solid #334155;min-width:100px}
.tutorial-static .tutorial-content pre{max-width:100%;overflow:auto;padding:16px;border:1px solid #334155;border-radius:8px;white-space:pre}
.tutorial-static .tutorial-content img,.tutorial-static .tutorial-content svg{max-width:100%}
.tutorial-static .tutorial-content blockquote{margin:18px 0;padding:8px 18px;border-left:3px solid #7aa2d8}
.tutorial-static .tutorial-actions a,.tutorial-static .tutorial-pagination a{border:1px solid #334155;padding:8px 12px;border-radius:8px}
.tutorial-static .tutorial-footer{margin-top:40px;padding-top:20px;border-top:1px solid #334155}
.tutorial-static #topbar.tutorial-settingsbar{justify-content:flex-start;gap:12px 24px;margin:0;padding:8px max(18px,calc((100% - 1120px)/2));box-sizing:border-box;min-height:60px;height:auto;flex-basis:auto}
.tutorial-static .tutorial-settingsbar #btn-settings{margin-left:auto}
.tutorial-static .tutorial-settingsbar #btn-settings{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.tutorial-static .tutorial-toc summary{font-weight:600;cursor:pointer;min-height:32px}
@media(max-width:760px){.tutorial-static .tutorial-toc{position:sticky!important;top:var(--tutorial-toolbar-height,100px);z-index:10;background:var(--bg-panel);max-height:40dvh;overflow:auto}.tutorial-static .tutorial-toc summary{min-height:44px;display:flex;align-items:center}.tutorial-static .tutorial-content section{scroll-margin-top:calc(var(--tutorial-toolbar-height,100px) + 90px)}}
@media(max-width:760px){.tutorial-static .site-directory{padding-left:18px;padding-right:18px}.tutorial-static .tutorial-layout{grid-template-columns:minmax(0,1fr);gap:16px}.tutorial-static .tutorial-toc{position:static;max-height:none}.tutorial-static .tutorial-content table{font-size:14px}}