.tutorial-page{min-width:0;max-width:1160px;margin:0 auto;padding:30px 36px 48px}.tutorial-page h1,.tutorial-page h2,.tutorial-page h3{color:#22334e;overflow-wrap:anywhere}.tutorial-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.tutorial-heading h1{margin:6px 0 8px;font-size:29px;font-weight:750;line-height:1.35}.tutorial-heading p{color:#71839d;margin:0;font-size:14px}.tutorial-heading .tutorial-eyebrow{color:#5578b9;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tutorial-back-link{color:#4770c4;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.tutorial-back-link:hover{color:#245de9}.tutorial-search-wrap{margin-bottom:21px}.tutorial-search-label{color:#657d9f;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.tutorial-search{color:#8a9eb9;background:#fff;border:1px solid #dce5f3;border-radius:9px;align-items:center;gap:11px;min-height:48px;padding:0 14px;display:flex}.tutorial-search:focus-within{border-color:#7c9ee5;box-shadow:0 0 0 3px #245de910}.tutorial-search input{color:#22334e;background:0 0;border:0;outline:0;flex:1;min-width:0;height:46px;font-size:14px}.tutorial-search input::-webkit-search-cancel-button{display:none}.tutorial-search input::placeholder{color:#93a2b8}.tutorial-search button{color:#7387a4;background:#f2f5fb;border:0;border-radius:5px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.tutorial-starter{background:#f0f5ff;border:1px solid #dfe8f7;border-radius:12px;margin-bottom:25px;padding:18px 20px 12px}.tutorial-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tutorial-section-heading h2{margin:0;font-size:17px;font-weight:650;line-height:1.5}.tutorial-section-heading>span{color:#7590b7;font-size:12px}.tutorial-section-heading>a{color:#4770c4;align-items:center;gap:6px;font-size:12px;display:flex}.tutorial-starter-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tutorial-starter-steps li{min-width:0}.tutorial-starter-steps a{background:#fff;border:1px solid #e0e8f7;border-radius:8px;align-items:center;gap:10px;min-height:73px;padding:11px 12px;display:flex}.tutorial-starter-steps a:hover{background:#fcfdff;border-color:#97b4ed}.tutorial-step-number{color:#3568d7;background:#edf3ff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.tutorial-starter-steps h3{margin:0 0 3px;font-size:13px;font-weight:650}.tutorial-starter-steps p{color:#8293ad;margin:0;font-size:11px;line-height:1.55}.tutorial-starter-steps a>svg{color:#8da7d4;margin-left:auto}.tutorial-starter-alt{color:#8096b7;flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0 0;font-size:11px;display:flex}.tutorial-starter-alt a{color:#557ac4;align-items:center;gap:5px;display:flex}.tutorial-filter-panel{margin-bottom:17px}.tutorial-category-filters{border-bottom:1px solid #e1e7f0;flex-wrap:wrap;gap:8px;padding-bottom:16px;display:flex}.tutorial-category-filters button{color:#6c7f9c;background:#fff;border:1px solid #e0e7f2;border-radius:7px;min-height:35px;padding:6px 12px;font-size:13px}.tutorial-category-filters button:hover{color:#3766c3;border-color:#acc1ed}.tutorial-category-filters button[aria-pressed=true]{color:#fff;background:#245de9;border-color:#245de9;font-weight:600}.tutorial-platform-filters{align-items:flex-start;gap:14px;padding:17px 0 3px;display:flex}.tutorial-filter-label{color:#7b8da7;white-space:nowrap;font-size:12px;line-height:31px}.tutorial-platform-filters>div{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.tutorial-platform-filters button{color:#7185a3;background:#fff;border:1px solid #e0e6f0;border-radius:6px;align-items:center;gap:6px;min-height:31px;padding:4px 8px;font-size:11px;display:flex}.tutorial-platform-filters button:hover{color:#3766c3;border-color:#9cb7ec}.tutorial-platform-filters button[aria-pressed=true]{color:#245de9;background:#edf3ff;border-color:#a6bff3;font-weight:600}.tutorial-platform-filters .platform-icon.small{width:17px;height:17px}.tutorial-platform-filters .platform-icon img{object-fit:contain;max-width:17px;max-height:17px}.tutorial-results-heading{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:11px;display:flex}.tutorial-results-heading p{color:#8595ad;margin:0;font-size:12px}.tutorial-results-heading strong{color:#546c8e;font-weight:650}.tutorial-results-heading button{color:#537aca;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:12px;display:flex}.tutorial-category-description{color:#7a8da7;margin:0 0 15px;font-size:12px;line-height:1.7}.tutorial-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.tutorial-card{background:#fff;border:1px solid #dfe7f2;border-radius:11px;flex-direction:column;min-width:0;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.tutorial-card:hover{border-color:#a9bff0;box-shadow:0 5px 18px #245de90a}.tutorial-card-category{color:#6c83a7;background:#f0f4fb;border-radius:4px;align-self:flex-start;margin-bottom:11px;padding:2px 7px;font-size:10px;line-height:1.7}.tutorial-card h2{margin:0 0 8px;font-size:16px;font-weight:650;line-height:1.6}.tutorial-card>p{color:#7b8fae;margin:0 0 18px;font-size:12px;line-height:1.85}.tutorial-card-bottom{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:11px;font-size:11px;display:flex}.tutorial-card-bottom>span{align-items:center;gap:5px;display:flex}.tutorial-card-bottom>span:first-child{color:#93a1b8;white-space:nowrap}.tutorial-card-bottom>span:last-child{color:#537cca}.tutorial-empty{text-align:center;color:#8498b9;background:#fff;border:1px dashed #d8e2f2;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:25px 20px;display:flex}.tutorial-empty h2{margin:12px 0 6px;font-size:17px;font-weight:650}.tutorial-empty p{color:#7b8fae;margin:0 0 18px;font-size:13px}.tutorial-primary-link{color:#fff;background:#245de9;border:1px solid #245de9;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex}.tutorial-primary-link:hover{background:#174fcf;border-color:#174fcf}.tutorial-breadcrumb{color:#8b9bb3;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:21px;font-size:12px;line-height:1.8;display:flex}.tutorial-breadcrumb a:hover{color:#245de9}.tutorial-breadcrumb>span{color:#6e83a2}.tutorial-article-heading{max-width:860px;margin:0 0 26px}.tutorial-article-meta{color:#8c9bb0;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.tutorial-article-meta>span:first-child{color:#5379ba;background:#edf3ff;border-radius:4px;padding:3px 8px}.tutorial-article-meta>span:last-child{align-items:center;gap:5px;display:flex}.tutorial-article-heading h1{margin:0 0 10px;font-size:29px;font-weight:750;line-height:1.55}.tutorial-article-heading>p{color:#7388a8;margin:0;font-size:14px;line-height:1.9}.tutorial-reading-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:24px;display:grid}.tutorial-reading-body{background:#fff;border:1px solid #dfe7f2;border-radius:12px;min-width:0;padding:29px 31px}.tutorial-reading-body h2{margin:0 0 12px;font-size:18px;font-weight:650;line-height:1.65}.tutorial-reading-body p{color:#5f7391;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.95}.tutorial-reading-body ul{color:#657a99;margin:12px 0 0;padding-left:21px;font-size:13px;line-height:1.9}.tutorial-reading-body li{overflow-wrap:anywhere;margin-top:6px}.tutorial-overview,.tutorial-reading-step,.tutorial-tips,.tutorial-sources{scroll-margin-top:110px}.tutorial-overview{padding-bottom:25px}.tutorial-reading-step{border-top:1px solid #edf1f7;padding:25px 0}.tutorial-reading-step h2{align-items:flex-start;gap:10px;display:flex}.tutorial-reading-step-number{color:#356ad3;background:#eef4ff;border:1px solid #e1eaff;border-radius:7px;flex-shrink:0;place-items:center;width:29px;height:29px;margin-top:1px;font-size:12px;display:grid}.tutorial-diagram{background:#f5f8ff;border:1px solid #e2eaf7;border-radius:8px;min-width:0;margin:19px 0 0;padding:15px 16px}.tutorial-diagram-label{color:#6f87ac;margin-bottom:12px;font-size:11px;display:block}.tutorial-diagram-flow{align-items:stretch;gap:9px;margin:0;padding:0;list-style:none;display:flex}.tutorial-diagram-flow li{flex:1;align-items:center;gap:7px;min-width:0;margin:0;display:flex}.tutorial-diagram-flow li>span{color:#5a7abc;background:#e7eefc;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:10px;font-weight:650;display:grid}.tutorial-diagram-flow strong{color:#627a9f;font-size:11px;font-weight:600;line-height:1.7}.tutorial-diagram-flow svg{color:#9caed0;margin-left:auto}.tutorial-diagram figcaption{color:#93a0b8;border-top:1px solid #e6edf8;margin-top:12px;padding-top:10px;font-size:10px;line-height:1.8}.tutorial-format-example{color:#93a6c5;align-items:center;gap:12px;min-width:0;display:flex}.tutorial-format-example code{color:#6881a9;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;font-size:11px;line-height:1.9}.tutorial-format-example>span{color:#6f88ad;max-width:150px;font-size:11px;line-height:1.8}.tutorial-tips{background:#f2f6ff;border:1px solid #dfe8f7;border-radius:9px;margin:2px 0 24px;padding:16px 19px}.tutorial-tips h2{color:#506f9f;align-items:center;gap:8px;margin-bottom:8px;font-size:16px;display:flex}.tutorial-tips ul{color:#6e83a3;margin-top:0;font-size:12px}.tutorial-article-action{border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:15px;margin-top:5px;padding:18px 0 0;display:flex}.tutorial-article-action p{color:#8a9bb4;font-size:12px}.tutorial-article-action>a{flex-shrink:0}.tutorial-sources{border-top:1px solid #edf1f7;margin-top:29px;padding-top:21px}.tutorial-sources h2{margin-bottom:7px;font-size:14px}.tutorial-sources>p{color:#8a9ab1;font-size:11px}.tutorial-sources ul{margin-top:10px;padding:0;font-size:12px;list-style:none}.tutorial-sources a{color:#6381b6;overflow-wrap:anywhere;align-items:baseline;gap:6px;display:inline-flex}.tutorial-sources a:hover{color:#245de9}.tutorial-sources svg{position:relative;top:2px}.tutorial-desktop-toc{background:#fff;border:1px solid #e0e8f5;border-radius:10px;position:sticky;top:110px;overflow:hidden}.tutorial-desktop-toc nav{max-height:calc(100dvh - 240px);padding:18px 18px 19px;overflow-y:auto}.tutorial-desktop-toc h2{color:#557096;align-items:center;gap:7px;margin:0 0 11px;font-size:13px;font-weight:650;display:flex}.tutorial-desktop-toc ol,.tutorial-mobile-toc ol{margin:0;padding:0;list-style:none}.tutorial-desktop-toc li{margin:0;font-size:12px;line-height:1.7}.tutorial-desktop-toc li+li{margin-top:5px}.tutorial-desktop-toc a{color:#7c8eaa;overflow-wrap:anywhere;padding:5px 0;display:block}.tutorial-desktop-toc a:hover,.tutorial-mobile-toc a:hover{color:#245de9}.tutorial-toc-help{color:#879dbd;background:#f6f8fd;border-top:1px solid #e9eef7;padding:15px 18px}.tutorial-toc-help p{margin:5px 0 8px;font-size:11px}.tutorial-toc-help a{color:#587ac1;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.tutorial-mobile-toc{display:none}.tutorial-related{margin-top:29px}.tutorial-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tutorial-related-grid>a{background:#fff;border:1px solid #dfe7f2;border-radius:10px;flex-direction:column;min-width:0;padding:18px 20px;display:flex}.tutorial-related-grid>a:hover{border-color:#aac0ee}.tutorial-related-grid h3{margin:0 0 8px;font-size:14px;font-weight:650}.tutorial-related-grid p{color:#8092ad;margin:0 0 15px;font-size:12px;line-height:1.8}.tutorial-related-grid span{color:#587cca;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:11px;display:flex}.tutorial-article-footer{margin-top:27px}.tutorial-return-links{color:#5a7dbb;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.tutorial-return-links>a{align-items:center;gap:7px;display:flex}.tutorial-support{color:#627eab;background:#f0f5ff;border:1px solid #e1eafa;border-radius:8px;align-items:center;gap:8px;margin-top:20px;padding:12px 15px;font-size:12px;display:flex}.tutorial-support>span{overflow-wrap:anywhere;min-width:0}.tutorial-support>svg:last-child{margin-left:auto}.tutorial-inline-links{background:#f7faff;border:1px solid #dfe8f7;border-radius:9px;min-width:0;margin:20px 0;padding:13px 15px}.tutorial-inline-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.tutorial-inline-heading h2{align-items:center;gap:7px;min-width:0;font-weight:600;line-height:1.6;display:flex;color:#58739f!important;margin:0!important;font-size:13px!important}.tutorial-inline-heading>a{color:#6283bd;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.tutorial-inline-links ul{margin:0;padding:0;list-style:none}.tutorial-inline-links li{border:0!important;margin:0!important;padding:0!important}.tutorial-inline-links li a{color:#7187aa;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:12px;line-height:1.7;display:flex}.tutorial-inline-links li a:hover{color:#245de9}.tutorial-inline-links li a>span{overflow-wrap:anywhere;min-width:0}@media (max-width:1000px){.tutorial-starter-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-reading-layout{grid-template-columns:minmax(0,1fr) 205px;gap:19px}.tutorial-reading-body{padding:25px}.tutorial-diagram-flow{flex-wrap:wrap}.tutorial-diagram-flow li{flex-basis:calc(50% - 9px)}}@media (max-width:800px){.tutorial-page{padding:25px 24px 40px}.tutorial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-reading-layout{display:block}.tutorial-desktop-toc{display:none}.tutorial-mobile-toc{background:#f8faff;border:1px solid #e0e8f6;border-radius:8px;margin:0 0 25px;padding:0 13px;display:block}.tutorial-mobile-toc summary{color:#6782ac;cursor:pointer;align-items:center;gap:8px;min-height:42px;font-size:12px;list-style:none;display:flex}.tutorial-mobile-toc summary::-webkit-details-marker{display:none}.tutorial-mobile-toc summary:after{content:"＋";margin-left:auto;font-size:16px}.tutorial-mobile-toc[open] summary:after{content:"−"}.tutorial-mobile-toc nav{border-top:1px solid #e9eff8;padding:0 0 12px}.tutorial-mobile-toc li{margin-top:6px;font-size:12px}.tutorial-mobile-toc a{color:#6c84a8;padding:5px 0;display:block}.tutorial-related-grid{gap:11px}.tutorial-related-grid>a{padding:16px}.tutorial-article-heading h1{font-size:27px}}@media (max-width:550px){.tutorial-page{padding:22px 18px 35px}.tutorial-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.tutorial-heading h1{font-size:26px}.tutorial-heading p{font-size:12px;line-height:1.8}.tutorial-back-link{gap:5px;margin-top:6px;font-size:11px}.tutorial-starter{margin-bottom:21px;padding:14px 12px 11px}.tutorial-section-heading{align-items:flex-start;gap:8px;margin-bottom:12px}.tutorial-section-heading h2{font-size:15px}.tutorial-section-heading>span{padding-top:3px;font-size:10px}.tutorial-starter-steps{gap:8px}.tutorial-starter-steps a{gap:7px;min-height:68px;padding:9px 8px}.tutorial-step-number{border-radius:6px;width:23px;height:23px;font-size:11px}.tutorial-starter-steps h3{font-size:12px}.tutorial-starter-steps p{font-size:10px}.tutorial-starter-steps a>svg{display:none}.tutorial-category-filters{gap:7px;padding-bottom:14px}.tutorial-category-filters button{min-height:33px;padding:5px 10px;font-size:12px}.tutorial-platform-filters{padding-top:11px;display:block}.tutorial-filter-label{margin-bottom:8px;font-size:11px;line-height:1.8;display:block}.tutorial-platform-filters button{font-size:10px}.tutorial-results-heading{align-items:flex-start;gap:8px}.tutorial-results-heading p{line-height:2}.tutorial-results-heading button{padding-top:3px;font-size:11px}.tutorial-card-grid{grid-template-columns:minmax(0,1fr);gap:12px}.tutorial-card{padding:17px}.tutorial-card h2{font-size:15px}.tutorial-card>p{margin-bottom:14px}.tutorial-breadcrumb{margin-bottom:17px;font-size:11px}.tutorial-article-heading{margin-bottom:20px}.tutorial-article-heading h1{font-size:24px;line-height:1.55}.tutorial-article-heading>p{font-size:13px}.tutorial-reading-body{border-radius:10px;padding:18px 16px}.tutorial-reading-body h2{font-size:16px}.tutorial-reading-body p{font-size:13px;line-height:2}.tutorial-reading-body ul{padding-left:18px;font-size:12px}.tutorial-reading-step{padding:21px 0}.tutorial-reading-step-number{width:25px;height:25px;font-size:11px}.tutorial-overview,.tutorial-reading-step,.tutorial-tips,.tutorial-sources{scroll-margin-top:155px}.tutorial-diagram{padding:13px}.tutorial-diagram-flow{gap:10px}.tutorial-diagram-flow li{flex-basis:100%}.tutorial-diagram-flow li>svg{display:none}.tutorial-format-example{flex-direction:column;align-items:flex-start;gap:7px}.tutorial-format-example>svg{transform:rotate(90deg)}.tutorial-format-example>span{max-width:none}.tutorial-tips{margin-bottom:20px;padding:13px}.tutorial-tips h2{font-size:15px}.tutorial-tips ul{font-size:11px}.tutorial-article-action{display:block}.tutorial-article-action p{margin-bottom:12px;font-size:11px}.tutorial-related-grid{grid-template-columns:minmax(0,1fr)}.tutorial-related-grid p{margin-bottom:12px}.tutorial-support{padding:12px;font-size:11px}.tutorial-inline-links{margin:17px 0;padding:12px}.tutorial-inline-heading{gap:8px}.tutorial-inline-heading h2{font-size:12px!important}.tutorial-inline-heading>a{font-size:10px}}@media (max-width:360px){.tutorial-page{padding-left:14px;padding-right:14px}.tutorial-heading{display:block}.tutorial-heading h1{font-size:25px}.tutorial-back-link{margin-top:9px}.tutorial-starter-steps a{gap:6px;padding:8px}.tutorial-starter-steps h3{font-size:11px}.tutorial-starter-steps p{font-size:10px}.tutorial-section-heading>span{text-align:right;max-width:88px}.tutorial-card-bottom{font-size:10px}.tutorial-reading-body{padding-left:14px;padding-right:14px}.tutorial-inline-heading{align-items:flex-start}}