.tutorial-hub { max-width:1120px; margin:0 auto; }.tutorial-hub section { margin:48px 0; scroll-margin-top:100px; }.tutorial-hub p,.tutorial-hub li { line-height:1.85; }.tutorial-hub p { color:var(--muted); }.tutorial-jumps { display:flex; flex-wrap:wrap; gap:12px; }.tutorial-jumps a { padding:10px 16px; border:1px solid var(--border-muted); border-radius:8px; }.tutorial-roadmap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; }.tutorial-roadmap li,.tutorial-assistants article { padding:24px; border:1px solid var(--border-muted); border-radius:12px; background:var(--bg-1); min-width:0; scroll-margin-top:100px; }.tutorial-roadmap .mono,.tutorial-mode { color:#b79adf; font-size:13px; }.tutorial-hub h3 { font-size:20px; margin:12px 0; }.tutorial-hub h2 { font-size:clamp(24px,3vw,34px); }.tutorial-assistants { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.tutorial-assistants details { margin-top:20px; border-top:1px solid var(--border-muted); padding-top:16px; }.tutorial-assistants summary { cursor:pointer; }.tutorial-assistants ol { padding-left:22px; color:var(--muted); }.tutorial-prompt { white-space:pre-wrap; overflow-wrap:anywhere; padding:24px 24px 60px; font-size:14px; }.tutorial-hub .copy-btn { top:auto; bottom:12px; }.tutorial-footnote { font-size:13px; }.tutorial-next { padding:28px; border-left:3px solid #b79adf; background:var(--bg-1); }.tutorial-hub a:focus-visible,.tutorial-hub summary:focus-visible,.tutorial-hub button:focus-visible { outline:2px solid #c3a1fa; outline-offset:4px; }@media(max-width:800px){.tutorial-roadmap {grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:540px){.tutorial-roadmap,.tutorial-assistants {grid-template-columns:minmax(0,1fr);}.tutorial-roadmap li,.tutorial-assistants article{padding:20px;}.tutorial-hub section{margin:32px 0;}.tutorial-jumps a{font-size:13px;}.tutorial-prompt{font-size:13px;padding:18px 18px 64px;}}