.tutorial-module__aLA6ca__wrapper{align-items:flex-start;display:flex}.tutorial-module__aLA6ca__nav{overscroll-behavior:contain;background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:260px;height:100dvh;transition:transform .25s;position:sticky;top:0;overflow-y:auto}.tutorial-module__aLA6ca__navContent{padding:24px 16px 60px}.tutorial-module__aLA6ca__navBack{color:var(--text);opacity:.7;border:1px solid var(--border);text-align:center;background:0 0;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px;text-decoration:none;transition:opacity .2s,background .2s;display:block}.tutorial-module__aLA6ca__navSection{margin-bottom:16px}.tutorial-module__aLA6ca__navLabel{opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding:0 12px;font-size:11px}.tutorial-module__aLA6ca__navLink{color:var(--text);opacity:.65;border-left:2px solid #0000;border-radius:4px;margin-bottom:2px;padding:6px 12px;font-size:13px;text-decoration:none;transition:opacity .2s,background .2s;display:block}.tutorial-module__aLA6ca__navLinkActive{opacity:1;background:var(--p7y-hover-bg);border-left-color:var(--text);padding-left:10px}@media (hover:hover){.tutorial-module__aLA6ca__navBack:hover,.tutorial-module__aLA6ca__navLink:hover{opacity:1;background:var(--p7y-hover-bg)}}.tutorial-module__aLA6ca__hamburger{z-index:30;box-shadow:0 2px 8px var(--p7y-backdrop);background:var(--surface);border:1px solid var(--border);min-height:var(--space-touch,44px);min-width:var(--space-touch,44px);cursor:pointer;touch-action:manipulation;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;padding:10px;display:none;position:fixed;bottom:16px;left:16px}.tutorial-module__aLA6ca__hamburger span{background:var(--text);border-radius:1px;width:20px;height:2px;display:block}.tutorial-module__aLA6ca__content{flex:1;min-width:0;padding:32px 40px 120px}.tutorial-module__aLA6ca__section{max-width:860px;margin-bottom:72px;scroll-margin-top:20px}.tutorial-module__aLA6ca__section h2{font-size:var(--fontsize-fluid-lg,24px);color:var(--text);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:8px}.tutorial-module__aLA6ca__section h3{color:var(--text);margin:30px 0 12px;font-size:18px}.tutorial-module__aLA6ca__prose{color:var(--p7y-white);margin:0 0 16px;font-size:15px;line-height:1.7}.tutorial-module__aLA6ca__prose code{background:var(--p7y-hover-bg);font-family:var(--font-mono);color:var(--text);border-radius:3px;padding:1px 5px;font-size:14px}.tutorial-module__aLA6ca__prose strong{color:var(--text)}.tutorial-module__aLA6ca__prose em{font-style:italic}.tutorial-module__aLA6ca__tryIt{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:20px 0 24px;padding:16px}.tutorial-module__aLA6ca__tryItRow{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.tutorial-module__aLA6ca__tryItInput{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:14px;line-height:1.5;transition:border-color .2s}.tutorial-module__aLA6ca__tryItInput:focus{border-color:var(--text)}.tutorial-module__aLA6ca__tryItButtons{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.tutorial-module__aLA6ca__tryItBtn{min-height:var(--space-touch,44px);background:color-mix(in srgb, var(--text) 15%, transparent);border:1px solid var(--text);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.tutorial-module__aLA6ca__tryItBtn:disabled{opacity:.4;cursor:wait}.tutorial-module__aLA6ca__curlBtn{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border-radius:6px;padding:6px 12px;font-size:11px;transition:color .15s,border-color .15s}@media (hover:hover){.tutorial-module__aLA6ca__tryItBtn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 25%, transparent)}.tutorial-module__aLA6ca__curlBtn:hover{color:var(--text);border-color:var(--text-muted)}}.tutorial-module__aLA6ca__tryItResult{min-height:20px}.tutorial-module__aLA6ca__resultTiming{color:var(--text-muted);margin-bottom:8px;font-size:11px}.tutorial-module__aLA6ca__resultError{background:color-mix(in srgb, var(--p7y-error) 12%, transparent);border-left:3px solid var(--p7y-error);color:var(--p7y-error);margin-bottom:6px;padding:8px 12px;font-size:13px}.tutorial-module__aLA6ca__resultExecuting{color:var(--text-muted);padding:4px 0;font-size:13px}.tutorial-module__aLA6ca__resultBinding{border:1px solid var(--border);border-radius:4px;margin-bottom:16px;overflow:hidden}.tutorial-module__aLA6ca__resultBindingHeader{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 12px;display:flex}.tutorial-module__aLA6ca__resultBindingName{color:var(--p7y-white);font-size:14px;font-weight:700}.tutorial-module__aLA6ca__resultBindingType{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.tutorial-module__aLA6ca__resultBindingValue{color:var(--text);padding:10px 12px;font-size:13px;overflow-x:auto}.tutorial-module__aLA6ca__resultBindingValue pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);margin:0;font-size:13px}.tutorial-module__aLA6ca__resultInlineVal{font-size:15px}.tutorial-module__aLA6ca__resultTreeLabel{color:var(--text-muted);margin-top:8px;font-size:11px}.tutorial-module__aLA6ca__resultTreeContainer{zoom:.6;overflow-x:auto}.tutorial-module__aLA6ca__codeExample{border:1px solid var(--border);border-radius:8px;margin:20px 0 24px;position:relative;overflow:hidden}.tutorial-module__aLA6ca__codePanelPre{font-family:var(--font-mono);color:var(--text);background:var(--surface);white-space:pre;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}.tutorial-module__aLA6ca__copyBtn{z-index:1;background:var(--p7y-hover-bg);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;opacity:.7;touch-action:manipulation;border-radius:4px;padding:4px 10px;font-size:11px;transition:opacity .2s;position:absolute;top:8px;right:8px}@media (hover:hover){.tutorial-module__aLA6ca__copyBtn:hover{opacity:1}}.tutorial-module__aLA6ca__typeTable{margin:16px 0 24px;overflow-x:auto}.tutorial-module__aLA6ca__typeTable table{border-collapse:collapse;width:100%;font-size:13px}.tutorial-module__aLA6ca__typeTable th{text-align:left;background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:8px 12px;font-size:11px}.tutorial-module__aLA6ca__typeTable td{border-bottom:1px solid var(--border);color:var(--p7y-white);vertical-align:top;padding:6px 12px}.tutorial-module__aLA6ca__typeTable td code{background:var(--p7y-hover-bg);color:var(--text);font-family:var(--font-mono);white-space:nowrap;border-radius:2px;padding:1px 4px;font-size:13px}@media (max-width:900px){.tutorial-module__aLA6ca__nav{z-index:29;height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%)}.tutorial-module__aLA6ca__navVisible{transform:translate(0)}.tutorial-module__aLA6ca__hamburger{display:flex}.tutorial-module__aLA6ca__content{padding:64px 20px 80px}.tutorial-module__aLA6ca__tryItRow{flex-direction:column}.tutorial-module__aLA6ca__tryItInput{width:100%}.tutorial-module__aLA6ca__tryItButtons{flex-direction:row;align-self:flex-end}}@media (prefers-reduced-motion:reduce){.tutorial-module__aLA6ca__nav,.tutorial-module__aLA6ca__navBack,.tutorial-module__aLA6ca__navLink,.tutorial-module__aLA6ca__tryItBtn,.tutorial-module__aLA6ca__tryItInput,.tutorial-module__aLA6ca__curlBtn,.tutorial-module__aLA6ca__copyBtn{transition:none}}.tutorial-module__aLA6ca__content pre{max-width:100%;overflow-x:auto}.tutorial-module__aLA6ca__content{line-height:1.65}
