.tutorial-page{overflow-x:visible;line-height:1.85}.tutorial-header{border-bottom:1px solid var(--line);background:var(--bg)}.tutorial-header-inner,.tutorial-header nav{display:flex;justify-content:space-between;align-items: center;gap:24px}.tutorial-header-inner{min-height:84px;padding-block-start:16px;padding-block-end:16px}.tutorial-header nav{color:var(--text-soft);flex-wrap:wrap;font-size:.88rem}.tutorial-header a[aria-current]{color:var(--blue-bright)}.tutorial-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items: start;gap:64px;padding-block-start:48px;padding-block-end:80px}.tutorial-sidebar{position:sticky;overflow-y:auto;max-height:calc(100dvh - 48px);padding:4px;font-size:.88rem;top:24px}.tutorial-sidebar .kicker{margin-bottom:12px}.tutorial-sidebar h2{font-size:1.18rem}.tutorial-sidebar-note{color:var(--muted);margin-block-start:12px;margin-block-end:24px}.tutorial-toc ol{display:grid;gap:8px}.tutorial-toc a{display:block;border-left:2px solid var(--line);color:var(--text-soft);border-radius:0 8px 8px 0;padding:10px 12px}.tutorial-toc a:hover,.tutorial-toc a[aria-current]{border-color:var(--blue);color:var(--text);background:var(--panel-raised)}.tutorial-shortcuts{display:grid;border-top:1px solid var(--line);gap:8px;margin-block-start:28px;margin-block-end:20px;padding-top:20px}.tutorial-shortcuts span{color:var(--muted);font-size:.76rem}.tutorial-shortcuts a,.tutorial-back{color:var(--blue-bright)}.tutorial-main{min-width:0;max-width:860px}.tutorial-banner{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:12px;margin-bottom:28px;font-size:.78rem}.tutorial-tag{border:1px solid var(--line-strong);color:var(--blue-bright);background:var(--panel);border-radius:999px;padding:5px 12px}.tutorial-prose{color:var(--text-soft);overflow-wrap:anywhere}.tutorial-prose :-webkit-any(h1,h2,h3,h4,strong){color:var(--text)}.tutorial-prose :-moz-any(h1,h2,h3,h4,strong){color:var(--text)}.tutorial-prose :is(h1,h2,h3,h4,strong){color:var(--text)}.tutorial-prose h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin-bottom:32px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.25}.tutorial-prose h2{border-top:1px solid var(--line-strong);margin-block-start:80px;margin-block-end:28px;padding-top:28px;font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.4}.tutorial-prose h3{margin-block-start:44px;margin-block-end:20px;font-size:1.3rem;line-height:1.5}.tutorial-prose h4{margin-block-start:28px;margin-block-end:16px;font-size:1.08rem}.tutorial-prose [id]{scroll-margin-top:24px}.tutorial-prose p{margin-block-start:18px;margin-block-end:18px}.tutorial-prose a{color:var(--blue-bright);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.tutorial-prose a:hover{color:var(--text)}.tutorial-prose :-webkit-any(ol,ul){margin-block-start:20px;margin-block-end:20px;padding-left:1.6em}.tutorial-prose :-moz-any(ol,ul){margin-block-start:20px;margin-block-end:20px;padding-left:1.6em}.tutorial-prose :is(ol,ul){margin-block-start:20px;margin-block-end:20px;padding-left:1.6em}.tutorial-prose ol{list-style:decimal}.tutorial-prose ul{list-style:disc}.tutorial-prose li{margin-block-start:12px;margin-block-end:12px;padding-left:6px}.tutorial-prose li::marker{color:var(--blue-bright);font-weight:700}.tutorial-prose blockquote{border:1px solid var(--line);border-left:3px solid var(--amber);background:var(--panel);border-radius:0 12px 12px 0;margin:24px 0;padding:4px 22px;font-size:.94rem}.tutorial-prose code{background:var(--panel-raised);color:#d3e0ff;font-family:var(--font-mono);border-radius:5px;padding:2px 5px;font-size:.88em}.tutorial-prose pre{overflow-x:auto;border:1px solid var(--line-strong);tab-size:2;background:#060910;border-radius:12px;margin-block-start:24px;margin-block-end:24px;padding:24px;line-height:1.7}.tutorial-prose pre code{overflow-wrap:normal;background:0 0;padding:0;font-size:.84rem}.tutorial-copy-row{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:12px;margin-bottom:-16px;font-size:.75rem}.tutorial-copy-row button{border:1px solid var(--line-strong);color:var(--blue-bright);background:var(--panel);cursor:pointer;border-radius:8px;min-height:40px;padding:4px 12px}.tutorial-copy-row button:hover{background:var(--panel-raised)}.tutorial-prose img{border:1px solid var(--line-strong);border-radius:12px;width:100%;height:auto;margin-block-start:28px;margin-block-end:12px}.tutorial-prose img[src*=mobile-]{width:min(100%,300px);margin-inline-start:auto;margin-inline-end:auto}.tutorial-prose p:has(>em:only-child){color:var(--muted);font-size:.86rem}.tutorial-table{overflow-x:auto;border:1px solid var(--line-strong);border-radius:12px;max-width:100%;margin-block-start:24px;margin-block-end:24px}.tutorial-table table{border-collapse:collapse;text-align:left;width:100%;min-width:440px;font-size:.9rem}.tutorial-table :-webkit-any(th,td){border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.tutorial-table :-moz-any(th,td){border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.tutorial-table :is(th,td){border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.tutorial-table th{color:var(--text);background:var(--panel-raised)}.tutorial-table tr:last-child td{border-bottom:0}.tutorial-prose li:has(input[type=checkbox]){list-style:none}.tutorial-prose input[type=checkbox]{accent-color:var(--blue);vertical-align:middle;width:18px;height:18px;margin-right:8px}.tutorial-prose label{display:block;cursor:pointer;padding-block-start:6px;padding-block-end:6px}.tutorial-check-status{color:var(--green);margin-top:24px}.tutorial-footer{display:flex;border-top:1px solid var(--line);color:var(--blue-bright);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:56px;padding-top:24px;font-size:.86rem}@media (max-width:1080px){.tutorial-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}@media (max-width:880px){.tutorial-layout{grid-template-columns:1fr;padding-top:28px}.tutorial-sidebar{position:static;max-height:none}.tutorial-shortcuts{display:flex;flex-wrap:wrap;gap:10px 20px}.tutorial-shortcuts span{width:100%}.tutorial-back{display:none}}@media (max-width:620px){.tutorial-header-inner{flex-wrap:wrap;gap:12px}.tutorial-header nav{gap:20px}.tutorial-prose h2{margin-top:56px}.tutorial-prose pre{padding:18px 14px}}@media print{.tutorial-page{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#fff;--text:#111;--text-soft:#222;--muted:#444;--blue-bright:#164a85;--line:#ccc;--line-strong:#aaa;--panel:#f5f5f5;--panel-raised:#eee;background:#fff}.tutorial-header,.tutorial-sidebar,.tutorial-copy-row,.tutorial-footer,.skip-link{display:none}.tutorial-layout{display:block;width:100%;padding:0}.tutorial-main{max-width:none}.tutorial-prose pre,.tutorial-prose code{color:#222;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f5}.tutorial-table table{min-width:0}}