.tutorial-center{--tutorial-offset:9rem;color:#192c46;background:#f7f9fc;padding-bottom:3rem}.tutorial-width{max-width:1400px;margin-inline:auto;padding-inline:24px}.tutorial-intro{background:#fff;border-bottom:1px solid #e0e7f0;padding-block:26px 24px}.tutorial-eyebrow{color:#2459b5;font-size:14px;font-weight:750}.tutorial-eyebrow span{color:#596b82;font-weight:500}.tutorial-intro h1{letter-spacing:-.03em;margin-top:8px;font-size:32px;font-weight:800;line-height:1.35}.tutorial-lead{color:#52647b;margin-top:8px;font-size:16px;line-height:1.8}.tutorial-search{gap:8px;max-width:770px;margin-top:16px;display:flex}.tutorial-search input[type=search]{background:#fff;border:1px solid #cbd7e6;border-radius:7px;flex:1;min-width:0;min-height:48px;padding:10px 13px;font-size:14px}.tutorial-search button{color:#fff;background:#2459c7;border-radius:7px;padding:10px 22px;font-size:14px;font-weight:700}.tutorial-keywords{color:#52647b;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;font-size:13px;display:flex}.tutorial-keywords>span{margin-right:3px}.tutorial-keywords a{color:#46658d;background:#f5f8fd;border:1px solid #e3eaf4;border-radius:5px;align-items:center;min-height:32px;padding:2px 9px;display:inline-flex}.tutorial-workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;padding-top:24px;display:grid}.tutorial-aside{top:var(--tutorial-offset);min-width:0;position:sticky}.tutorial-sidebar{max-height:calc(100dvh - var(--tutorial-offset) - 20px);scrollbar-width:thin;background:#fff;border:1px solid #dce4ef;border-radius:9px;overflow:auto}.tutorial-sidebar>summary{cursor:pointer;border-bottom:1px solid #edf1f6;padding:16px;font-size:17px;font-weight:750;list-style:none}.tutorial-sidebar>summary>span{float:right;color:#596b82}.tutorial-sidebar nav{padding:7px}.tutorial-sidebar nav a{color:#475b75;border-radius:6px;align-items:center;gap:10px;min-height:46px;padding:9px 10px;font-size:15px;line-height:1.6;display:flex}.tutorial-sidebar nav a>span:not(.tutorial-nav-icon){flex:1;min-width:0}.tutorial-sidebar nav small{color:#596b82;font-size:13px}.tutorial-sidebar nav a[aria-current]{color:#2459c7;background:#edf3ff;font-weight:750}.tutorial-nav-all{font-weight:750}.tutorial-nav-section{margin-top:4px}.tutorial-nav-primary{background:#f3f6fb;font-weight:750;color:#253d5b!important}.tutorial-nav-children{border-left:1px solid #e5ebf4;margin:4px 0 8px 5px;padding-left:4px}.tutorial-nav-children>a{min-height:44px!important;padding-block:8px!important;font-size:14px!important}.tutorial-nav-guides{border-top:1px solid #edf1f6;margin-top:9px;padding-top:8px}.tutorial-results-column,.tutorial-results{min-width:0}.tutorial-results,.tutorial-chapter,[data-directory-group]{scroll-margin-top:var(--tutorial-offset);outline:none}.tutorial-anchor{scroll-margin-top:var(--tutorial-offset);display:block}.tutorial-task-overview{border-block:1px solid #dce4ef;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;display:grid}.tutorial-task-overview>a{min-width:0;padding:13px 15px;position:relative}.tutorial-task-overview>a+a{border-left:1px solid #dce4ef}.tutorial-task-number{color:#2459c7;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.tutorial-task-number small{color:#596b82;font-weight:500}.tutorial-task-overview strong{margin-top:8px;font-size:17px;font-weight:750;line-height:1.6;display:block}.tutorial-task-description{color:#52647b;margin-top:3px;font-size:13px;line-height:1.7;display:block}.tutorial-task-overview .row-arrow{position:absolute;top:14px;right:14px}.row-arrow{color:#2459c7;flex-shrink:0}.tutorial-learning-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.tutorial-learning-paths>a{background:#fff;border:1px solid #dae5f6;border-radius:7px;align-items:start;gap:9px;padding:11px;display:flex}.tutorial-guide-icon{color:#2459c7;background:#edf3ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:750;display:inline-flex}.tutorial-learning-paths>a>span:nth-child(2){flex:1;min-width:0}.tutorial-learning-paths strong{font-size:15px;font-weight:700;line-height:1.8;display:block}.tutorial-learning-paths .tutorial-guide-mobile-title{display:none}.tutorial-learning-paths small{color:#52647b;margin-top:2px;font-size:13px;line-height:1.8;display:block}.tutorial-learning-paths .row-arrow{margin-top:2px;font-size:14px}.tutorial-library-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-library-heading h2{font-size:24px;font-weight:800}.tutorial-library-heading p{color:#52647b;margin-top:3px;font-size:13px}.tutorial-view-switch{background:#fff;border:1px solid #dae3ee;border-radius:7px;flex-shrink:0;gap:3px;padding:3px;display:flex}.tutorial-view-switch a{color:#64748b;border-radius:4px;align-items:center;min-height:42px;padding:8px 12px;font-size:14px;display:inline-flex}.tutorial-view-switch a[aria-current]{color:#fff;background:#2459c7;font-weight:700}.tutorial-filter-panel{background:#fff;border:1px solid #dce4ef;border-radius:7px;margin-block:13px 18px}.tutorial-filter-panel>summary{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:11px 14px;font-size:15px;font-weight:650;list-style:none;display:flex}.tutorial-filter-panel>summary small{color:#52647b;overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;font-weight:400}.tutorial-filters{flex-wrap:wrap;align-items:end;gap:12px;padding:0 12px 12px;display:flex}.tutorial-filters label{color:#66788f;flex:150px;font-size:13px;font-weight:650}.tutorial-filters select{color:#334762;background:#fff;border:1px solid #d4dfec;border-radius:5px;width:100%;min-height:44px;margin-top:5px;padding:8px 25px 8px 10px;font-size:14px;font-weight:500;display:block}.tutorial-filters button{color:#2459b5;border:1px solid #d4dfec;border-radius:5px;min-height:44px;padding:8px 12px;font-size:14px}.tutorial-current-state{color:#52647b;justify-content:space-between;align-items:start;gap:12px;padding-block:9px 18px;font-size:13px;display:flex}.tutorial-current-state>span{overflow-wrap:anywhere}.tutorial-current-state>a{color:#58739a;flex-shrink:0}.tutorial-chapter{margin-bottom:28px}.tutorial-chapter-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.tutorial-chapter-heading h3{font-size:22px;font-weight:800;line-height:1.6}.tutorial-chapter-heading p{color:#52647b;margin-top:3px;font-size:13px;line-height:1.9}.tutorial-chapter-heading>span{white-space:nowrap;color:#52647b;flex-shrink:0;font-size:13px;line-height:1.9}.tutorial-chapter-heading b{font-weight:500}.tutorial-brand-grid{-moz-column-gap:22px;background:#fff;border:1px solid #dce4ef;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;padding:2px 16px;display:grid}.tutorial-entry{min-width:0}.tutorial-entry-link{align-items:center;gap:11px;min-width:0;display:flex}.tutorial-entry-copy{flex:1;min-width:0;display:block}.tutorial-entry-copy strong{overflow-wrap:anywhere;font-size:16px;font-weight:750;line-height:1.8;display:block}.tutorial-entry-context{color:#52647b;overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.8;display:block}.tutorial-entry-protocol{color:#596b82;margin-top:2px;font-size:13px;display:block}.tutorial-entry--brand{border-bottom:1px solid #edf1f6}.tutorial-entry--brand .tutorial-entry-link{min-height:76px;padding:15px 0}.tutorial-entry--brand .tutorial-entry-copy{flex:initial}.tutorial-entry--brand .row-arrow{margin-left:-6px;font-size:14px}.tutorial-software-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.tutorial-software-panel{background:#fff;border:1px solid #dce4ef;border-radius:9px;min-width:0;overflow:hidden}.tutorial-software-panel summary{cursor:pointer;background:#f9fbfe;border-bottom:1px solid #e6ecf4;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;list-style:none;display:flex}.tutorial-software-panel h4{align-items:center;gap:9px;font-size:16px;font-weight:750;display:flex}.tutorial-software-panel summary>span{color:#596b82;flex-shrink:0;font-size:13px}.tutorial-software-panel summary small{font-size:inherit}.tutorial-caret{margin-left:4px;transition:transform .15s;display:inline-block}.tutorial-software-panel details:not([open]) .tutorial-caret{transform:rotate(180deg)}.tutorial-software-rows{padding:0 14px}.tutorial-entry--software{border-bottom:1px solid #edf1f6;padding:16px 0 12px}.tutorial-entry--software .tutorial-entry-protocol{line-height:1.8}.tutorial-entry--software:last-child{border-bottom:0}.tutorial-entry-tool{color:#2459b5;background:#f2f6fc;border-radius:5px;align-items:center;width:fit-content;min-height:36px;margin:4px 0 0 51px;padding-inline:8px;font-size:13px;display:flex}.tutorial-software-panels[data-balanced=true] [data-software-panel=windows]{grid-area:1/1}.tutorial-software-panels[data-balanced=true] [data-software-panel=android]{grid-area:1/2}.tutorial-software-panels[data-balanced=true] [data-software-panel=browser]{grid-area:2/1/span 3}.tutorial-software-panels[data-balanced=true] [data-software-panel=environment]{grid-area:2/2}.tutorial-software-panels[data-balanced=true] [data-software-panel=ios]{grid-area:3/2}.tutorial-software-panels[data-balanced=true] [data-software-panel=diagnostic]{grid-area:4/2}.tutorial-system-grid,.tutorial-system-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tutorial-system-group{min-width:0}.tutorial-system-group>div{grid-template-columns:1fr}.tutorial-system-group--wide{grid-column:1/-1}.tutorial-system-group--wide>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-system-group>h4{margin-bottom:10px;font-size:13px}.tutorial-entry--system{background:#fff;border:1px solid #dce4ef;border-radius:9px;padding:12px}.tutorial-system-thumb{background:#edf3fc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:78px;display:flex;position:relative;overflow:hidden}.tutorial-system-thumb>.product-identity{border:0}.tutorial-system-thumb>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tutorial-method-label{color:#2459b5;margin-bottom:3px;font-size:13px;font-weight:650;display:block}.tutorial-entry-cta{color:#5e7ca4;margin-top:4px;font-size:13px;display:block}.tutorial-entry--system .tutorial-entry-context{font-size:14px}.tutorial-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tutorial-cards>div{min-width:0}.tutorial-cards [data-tutorial-card] h3{-webkit-line-clamp:unset;display:block;overflow:visible}.tutorial-empty{text-align:center;background:#fff;border:1px dashed #c6d4e7;border-radius:8px;padding:40px 20px}.tutorial-empty h3{font-weight:750}.tutorial-empty p{color:#738398;margin-top:9px;font-size:13px;line-height:1.8}.tutorial-empty a{color:#2459b5;align-items:center;min-height:44px;margin-top:8px;font-size:13px;display:inline-flex}.tutorial-faq{border-top:1px solid #dce4ef;margin-top:28px;padding-top:24px}.tutorial-faq h2{margin-bottom:10px;font-size:22px;font-weight:750}.tutorial-faq details{border-bottom:1px solid #e0e7f0;padding-block:13px}.tutorial-faq summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.8}.tutorial-faq p{color:#64748b;margin-top:10px;font-size:15px;line-height:1.9}.tutorial-exit-link{color:#2459b5;align-items:center;min-height:44px;margin-top:12px;font-size:13px;display:inline-flex}.tutorial-center a:hover{color:#124aab}.tutorial-entry-link:hover strong,.tutorial-entry-tool:hover{text-underline-offset:3px;text-decoration:underline}.tutorial-task-overview>a:hover{background:#edf3ff}.tutorial-center :is(input,select,a,summary,button):focus-visible{outline-offset:3px;outline:3px solid #9fbbf3}.tutorial-center [hidden]{display:none!important}.tutorial-guides{color:#2459b5;flex-wrap:wrap;gap:8px 25px;margin-top:14px;font-size:13px;display:flex}.tutorial-guides a{align-items:center;min-height:32px;display:inline-flex}.tutorial-group{scroll-margin-top:var(--tutorial-offset);margin-bottom:27px}.tutorial-section-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.tutorial-section-title h2{font-size:17px;font-weight:750}.tutorial-section-title>span{color:#8391a5;font-size:14px}.tutorial-directory-rows{-moz-column-gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.tutorial-directory-rows>article{border-bottom:1px solid #e3eaf2;align-items:start;gap:12px;min-width:0;padding:17px 0;display:flex}.tutorial-row-text{flex:1;min-width:0}.tutorial-row-text h3{overflow-wrap:anywhere;font-size:15px;font-weight:750;line-height:1.6}.tutorial-row-text p{color:#687a93;overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.8}.tutorial-row-text>small{color:#7c8da3;margin-top:4px;font-size:13px;display:block}.tutorial-row-actions{color:#2459b5;flex-wrap:wrap;gap:10px 18px;margin-top:7px;font-size:14px;display:flex}.tutorial-row-actions>a{align-items:center;min-height:28px;display:inline-flex}@media (width>=1024px){.tutorial-sidebar>summary{pointer-events:none}.tutorial-sidebar>summary>span{display:none}[data-tutorial-center]{padding-right:80px}}@media (width>=1024px) and (width<=1199px){.tutorial-workspace{grid-template-columns:240px minmax(0,1fr);gap:20px}.tutorial-software-panels,.tutorial-system-grid,.tutorial-system-group--wide>div{grid-template-columns:1fr}.tutorial-software-panel{grid-area:auto!important}.tutorial-system-group--wide{grid-column:auto}.tutorial-task-overview{grid-template-columns:1fr}.tutorial-task-overview>a+a{border-top:1px solid #dce4ef;border-left:0}}@media (width<=1199px){.tutorial-cards,.tutorial-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-task-overview>a{padding-inline:11px}.tutorial-task-description{font-size:13px}.tutorial-learning-paths{grid-template-columns:1fr;gap:5px}.tutorial-learning-paths>a{align-items:center;padding:8px 11px}.tutorial-learning-paths small{display:none}}@media (width<=1023px){.tutorial-center{--tutorial-offset:5rem}.tutorial-workspace{padding-top:16px;display:block}.tutorial-aside{margin-bottom:16px;position:static}.tutorial-sidebar{max-height:none}.tutorial-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tutorial-sidebar .tutorial-nav-all,.tutorial-nav-guides{grid-column:1/-1}.tutorial-nav-guides{flex-wrap:wrap;display:flex}.tutorial-nav-children{margin-left:0}.tutorial-sidebar>summary{padding:12px 14px}.tutorial-sidebar:not([open])>summary{border:0}.tutorial-learning-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-learning-paths>a{align-items:start}}@media (width<=767px){.tutorial-software-panels{grid-template-columns:1fr}.tutorial-software-panel{grid-area:auto!important}.tutorial-system-grid,.tutorial-system-group--wide>div{grid-template-columns:1fr}.tutorial-system-group--wide{grid-column:auto}}@media (width<=639px){.tutorial-width{padding-inline:16px}.tutorial-intro{padding-block:16px}.tutorial-intro h1{font-size:25px}.tutorial-lead{font-size:14px}.tutorial-workspace{padding-top:12px}.tutorial-aside{margin-bottom:12px}.tutorial-search{margin-top:13px}.tutorial-search input[type=search]{font-size:16px}.tutorial-search button{padding-inline:15px}.tutorial-keywords{gap:5px;font-size:13px}.tutorial-keywords a{min-height:32px;padding-inline:8px}.tutorial-sidebar nav{grid-template-columns:1fr}.tutorial-nav-children{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tutorial-task-overview{display:none}.tutorial-task-overview>a{padding:10px 8px}.tutorial-task-overview strong{margin-top:3px;font-size:14px}.tutorial-task-number{font-size:13px}.tutorial-task-description,.tutorial-task-overview .row-arrow{display:none}.tutorial-learning-paths{background:#fff;border:1px solid #dae5f6;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:17px}.tutorial-learning-paths>a{border:0;border-radius:0;align-items:center;gap:5px;min-height:48px;padding:9px 6px}.tutorial-learning-paths>a+a{border-left:1px solid #edf1f6}.tutorial-guide-icon{width:22px;height:24px;display:inline-flex}.tutorial-guide-icon .tutorial-nav-icon{flex-basis:22px;width:22px;height:22px}.tutorial-guide-icon svg,.tutorial-guide-icon img{width:20px;height:20px}.tutorial-learning-paths .row-arrow,.tutorial-learning-paths .tutorial-guide-title{display:none}.tutorial-learning-paths .tutorial-guide-mobile-title{font-size:14px;display:block}.tutorial-learning-paths{margin-bottom:12px}.tutorial-library-heading h2{font-size:21px}.tutorial-filter-panel>summary small{display:none}.tutorial-view-switch a{padding:7px 8px;font-size:13px}.tutorial-filter-panel{margin-top:10px;margin-bottom:12px}.tutorial-filter-panel>summary{gap:9px;padding:9px 10px}.tutorial-filter-panel>summary small{font-size:13px}.tutorial-filters{gap:10px}.tutorial-filters label{flex:40%}.tutorial-current-state{padding-bottom:14px;font-size:13px}.tutorial-brand-grid{grid-template-columns:1fr;padding-inline:12px}.tutorial-entry--brand .tutorial-entry-link{min-height:68px;padding-block:9px}.tutorial-chapter-heading{align-items:start;gap:9px;margin-bottom:10px}.tutorial-chapter-heading h3{font-size:20px}.tutorial-chapter-heading p{font-size:13px}.tutorial-chapter-heading>span{padding-top:5px;font-size:13px}.tutorial-nav-children{grid-template-columns:1fr}.tutorial-entry-copy strong{font-size:16px}.tutorial-entry-context{font-size:14px}.tutorial-system-thumb{width:96px;height:72px}.tutorial-entry--system{padding:10px}.tutorial-cards,.tutorial-directory-rows{grid-template-columns:1fr}.tutorial-center{padding-bottom:6rem}}@media (prefers-reduced-motion:reduce){.tutorial-center *{scroll-behavior:auto!important;transition:none!important}}