html.tutorial{--bg:#fbfaf8;--panel:#f3f1ed;--text:#24262b;--muted:#6a6e77;--line:#e3e0da;--accent:#0c8f7e;--accent-soft:#dff3ef;--code:#1c2128;--code-text:#e6e9ee;--note:#e8f1fb;--note-b:#3b82c4;--warn:#fff4dc;--warn-b:#d4900c;--tip:#e4f5ea;--tip-b:#2e9d5b;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace;--header-h:60px;--page-w:1120px;--gutter:20px;color-scheme:light}@media (prefers-color-scheme:dark){html.tutorial:not([data-theme=light]){--bg:#14161a;--panel:#1b1e23;--text:#e4e6ea;--muted:#9096a1;--line:#2b2f36;--accent:#3fd0bb;--accent-soft:#16332f;--code:#0d0f12;--note:#14263a;--note-b:#5aa4e6;--warn:#33280f;--warn-b:#e6a830;--tip:#12301f;--tip-b:#4cc17f;color-scheme:dark}}html.tutorial[data-theme=dark]{--bg:#14161a;--panel:#1b1e23;--text:#e4e6ea;--muted:#9096a1;--line:#2b2f36;--accent:#3fd0bb;--accent-soft:#16332f;--code:#0d0f12;--note:#14263a;--note-b:#5aa4e6;--warn:#33280f;--warn-b:#e6a830;--tip:#12301f;--tip-b:#4cc17f;color-scheme:dark}@media (max-width:760px){html.tutorial{--gutter:14px}}html.tutorial{scroll-padding-top:calc(var(--header-h) + 12px + env(safe-area-inset-top,0px));scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.tutorial *,html.tutorial ::after,html.tutorial ::before{box-sizing:border-box}body.tutorial2{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.tutorial2 a{color:var(--accent);text-decoration:none}body.tutorial2 a:hover{text-decoration:underline}body.tutorial2 :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html.tutorial{scroll-behavior:auto}}.t-wrap{width:100%;max-width:var(--page-w);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.t-header{position:sticky;top:0;z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0);background:var(--bg);border-bottom:1px solid var(--line)}.t-header .t-wrap{height:100%;display:flex;align-items:center;gap:16px}.t-header .logo{display:flex;align-items:center;margin-right:auto;min-width:0}.t-header .logo img{max-width:100%;object-fit:contain;display:block;width:166px;height:27px}.t-header .lang{flex:none;white-space:nowrap;color:var(--muted);font-size:14px}.t-header .lang .sep{padding:0 6px}.t-header .icon-btn{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;background:0 0;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:16px;line-height:1;cursor:pointer}.t-header .icon-btn:hover{background:var(--panel)}.t-header #menu-btn{display:none}.t-header .logo .logo-dark{display:none}html.tutorial[data-theme=dark] .t-header .logo .logo-light{display:none}html.tutorial[data-theme=dark] .t-header .logo .logo-dark{display:block}@media (prefers-color-scheme:dark){html.tutorial:not([data-theme=light]) .t-header .logo .logo-light{display:none}html.tutorial:not([data-theme=light]) .t-header .logo .logo-dark{display:block}}@media (max-width:760px){.t-header #menu-btn{display:inline-grid}}.t-layout{display:grid;grid-template-columns:264px minmax(0,1fr)}nav.side{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top,0px));height:calc(100vh - var(--header-h) - env(safe-area-inset-top,0px));overflow-y:auto;padding:24px 16px 40px 0;border-right:1px solid var(--line);font-size:14.5px}nav.side .side-label,nav.side a.side-link{display:block;padding:5px 10px 5px 7px;border-left:3px solid transparent;border-radius:0 6px 6px 0}nav.side .side-label:hover,nav.side a.side-link:hover{background:var(--panel);text-decoration:none}nav.side .side-label.active,nav.side a.side-link.active{background:var(--accent-soft);border-left-color:var(--accent)}nav.side .side-label{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;color:var(--muted)}nav.side .side-group{margin:16px 0 6px;padding:16px 0 0 10px;border-top:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}nav.side ul{list-style:none;margin:0;padding:0}nav.side a.side-link{margin:1px 0;padding-left:19px;color:var(--text)}main.t-main{min-width:0;padding:40px 0 80px 48px}article.t-article{width:100%}.t-overlay{display:none}.t-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.t-footer .t-wrap{padding-top:24px;display:flex;flex-wrap:wrap;gap:6px 18px}.t-footer .copyright{margin-left:auto}@media (max-width:1100px){main.t-main{padding:32px 0 60px 28px}}@media (max-width:760px){.t-layout{display:block}nav.side{position:fixed;z-index:25;top:calc(var(--header-h) + env(safe-area-inset-top,0px));left:0;bottom:0;width:280px;max-width:85vw;padding-left:var(--gutter);height:auto;background:var(--bg);transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}body.menu-open{overflow:hidden}body.menu-open nav.side{transform:none;visibility:visible}body.menu-open .t-overlay{display:block;position:fixed;z-index:22;inset:0;background:rgba(0,0,0,.4)}main.t-main{padding:24px 0 60px}.t-footer .copyright{margin-left:0}}@media (prefers-reduced-motion:reduce){nav.side{transition:none}}article.t-article h1{margin:0 0 20px;font-size:36px;line-height:1.2;letter-spacing:-.02em}article.t-article h2{margin:48px 0 12px;padding-top:24px;border-top:1px solid var(--line);font-size:27px;letter-spacing:-.01em}article.t-article h3{margin:32px 0 8px;font-size:19px}article.t-article p{margin:0 0 1em}article.t-article ol,article.t-article ul{padding-left:1.4em}article.t-article img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;border-radius:8px}article.t-article .center{margin-left:auto;margin-right:auto;text-align:center}article.t-article blockquote{margin:16px 0;padding:10px 16px;background:var(--panel);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;color:var(--muted)}article.t-article blockquote p:last-child{margin-bottom:0}article.t-article code{font:.88em var(--mono);background:var(--panel);border:1px solid var(--line);padding:1px 6px;border-radius:5px}article.t-article hr{border:0;border-top:1px solid var(--line);margin:32px 0}@media (max-width:760px){article.t-article h1{font-size:28px}}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:14px}.pager.top{margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--line)}.pager.bottom{margin-top:56px;padding-top:12px;border-top:1px solid var(--line)}.pager .contents{text-align:center}.pager .next{text-align:right}article.t-article .callout{margin:20px 0;padding:14px 18px;border-radius:10px;border-left:4px solid;font-size:15.5px}article.t-article .callout b{display:block;margin-bottom:2px}article.t-article .callout p{margin:0}article.t-article .callout.note{background:var(--note);border-color:var(--note-b)}article.t-article .callout.warn{background:var(--warn);border-color:var(--warn-b)}article.t-article .callout.tip{background:var(--tip);border-color:var(--tip-b)}article.t-article .tbl{overflow-x:auto;margin:18px 0}article.t-article table{border-collapse:collapse;width:100%;font-size:15px}article.t-article td,article.t-article th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}article.t-article th{font-weight:600;background:var(--panel)}article.t-article .steps{list-style:none;padding:0;margin:20px 0;counter-reset:s}article.t-article .steps li{position:relative;padding:0 0 22px 48px;counter-increment:s}article.t-article .steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;display:grid;place-items:center}article.t-article .steps li::after{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;background:var(--line)}article.t-article .steps li:last-child::after{display:none}