.tutorial-page [hidden]{display:none!important}.tutorial-page .tutorial-banner{padding:6rem 0 3rem}.tutorial-page .tutorial-banner h1{font-size:clamp(1.8rem,3vw,2.65rem)}.tutorial-page .tutorial-breadcrumb{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem}.tutorial-page .tutorial-breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:.2em}.tutorial-page .tutorial-meta{font-size:.9rem}.tutorial-page .tutorial-content{padding:3rem 0 4rem}.tutorial-page .tutorial-sidebar{position:sticky;top:6rem}.tutorial-page [id]{scroll-margin-top:7rem}.tutorial-page .tutorial-toc summary{padding:1.25rem;font-weight:600;cursor:pointer}.tutorial-page .tutorial-toc nav{padding:0 .75rem .75rem}.tutorial-page .tutorial-toc a{display:block;padding:.65rem .75rem;border-radius:.35rem;line-height:1.6;color:var(--default-text-color)}.tutorial-page .tutorial-toc a span{margin-right:.65rem;color:var(--primary-color);font-size:.8rem}.tutorial-page .tutorial-toc a small{display:block;padding-left:1.75rem;color:#5d697b}.tutorial-page .tutorial-toc a:hover,.tutorial-page .tutorial-toc a[aria-current=location]{background:var(--primary01);color:var(--primary-color)}.tutorial-page .tutorial-article>.card-body{padding:clamp(1.25rem,3.5vw,3rem)}.tutorial-page .tutorial-article p,.tutorial-page .tutorial-article li{font-size:1rem;line-height:1.9}.tutorial-page .tutorial-article p a,.tutorial-page .tutorial-article li a{text-decoration:underline;text-underline-offset:.2em}.tutorial-page .tutorial-chapter+.tutorial-chapter{margin-top:3rem;padding-top:3rem;border-top:1px solid #e5e9f0}.tutorial-page .tutorial-chapter h2{font-size:clamp(1.4rem,2.5vw,1.75rem);margin-bottom:1.25rem}.tutorial-page .tutorial-chapter-label{color:var(--primary-color);font-weight:600;font-size:.875rem!important;margin-bottom:.5rem}.tutorial-page .tutorial-step{margin-top:2rem}.tutorial-page .tutorial-step-layout{display:grid;grid-template-columns:minmax(0,1fr) min(30%,15rem);align-items:start;gap:1.5rem}.tutorial-page .tutorial-step-layout>.tutorial-figure{margin:0}.tutorial-page .tutorial-step-copy{min-width:0}.tutorial-page .tutorial-step-copy>:last-child{margin-bottom:0!important}.tutorial-page .tutorial-step h3{display:flex;align-items:baseline;gap:.75rem;font-size:1.15rem;line-height:1.7;margin-bottom:1rem}.tutorial-page .tutorial-step-number{flex-shrink:0;color:var(--primary-color);font-size:.875rem;font-weight:600}.tutorial-page .tutorial-step li+li{margin-top:.35rem}.tutorial-page .tutorial-checklist{padding:0;list-style:none}.tutorial-page .tutorial-checklist li{display:flex;gap:.75rem;margin-bottom:.5rem}.tutorial-page .tutorial-checklist i{color:var(--primary-color);line-height:1.9;flex-shrink:0}.tutorial-page .tutorial-note{background:var(--primary01);border-left:3px solid var(--primary-color);padding:1rem 1.25rem;border-radius:.25rem}.tutorial-page .tutorial-figure{margin:1.25rem 0 0}.tutorial-page .tutorial-figure .tutorial-image-link{display:block;position:relative;border:1px solid #dfe5ee;border-radius:.5rem;overflow:hidden;background:#fff}.tutorial-page .tutorial-figure img{display:block;width:100%;height:auto}.tutorial-page .tutorial-figure figcaption{color:#5d697b;font-size:.8rem;line-height:1.7;text-align:center;margin-top:.65rem}.tutorial-page .tutorial-image-zoom{display:block;padding:.5rem .75rem;font-size:.8rem;text-align:center;border-top:1px solid #dfe5ee;color:var(--primary-color);background:#f5f7fb}.tutorial-page .tutorial-faq details{border-bottom:1px solid #e5e9f0}.tutorial-page .tutorial-faq summary{padding:1rem 0;font-weight:500;cursor:pointer;line-height:1.8}.tutorial-page .tutorial-faq p{margin:0 0 1rem}.tutorial-page .tutorial-list-card{overflow:hidden}.tutorial-page .tutorial-list-cover{display:flex;align-items:center;background:#f4f8ff}.tutorial-page .tutorial-list-cover a{display:block;width:100%}.tutorial-page .tutorial-list-cover img{width:100%;height:auto}.tutorial-page .tutorial-results-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tutorial-page .tutorial-search-field{position:relative}.tutorial-page .tutorial-search-field i{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);color:#5d697b;pointer-events:none}.tutorial-page .tutorial-search-field input{padding-left:2.3rem;min-height:44px;font-size:1rem}.tutorial-page .tutorial-categories{display:grid;gap:.5rem}.tutorial-page .tutorial-categories button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.8rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:var(--default-text-color);text-align:left}.tutorial-page .tutorial-categories button:hover{background:#f5f7fb}.tutorial-page .tutorial-categories button[aria-pressed=true]{background:var(--primary01);color:var(--primary-color);border-color:var(--primary-color);font-weight:600}.tutorial-page .tutorial-category-count{background:#fff;border-radius:1rem;min-width:1.6rem;padding:.1rem .4rem;text-align:center;font-size:.8rem}.tutorial-page .tutorial-action{margin:1rem 0}.tutorial-page .tutorial-action-hint{color:#5d697b;font-size:.8rem!important;margin:.4rem 0 0}.tutorial-page a:focus-visible,.tutorial-page button:focus-visible,.tutorial-page input:focus-visible,.tutorial-page summary:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}.tutorial-lightbox{width:min(1440px,96vw);max-width:96vw;max-height:94vh;padding:1rem;border:0;border-radius:.65rem;background:#fff;color:#202c3e}.tutorial-lightbox::backdrop{background:rgba(9,19,39,.8)}.tutorial-lightbox .tutorial-lightbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.tutorial-lightbox .tutorial-lightbox-toolbar p{font-size:.875rem}.tutorial-lightbox .tutorial-lightbox-actions{display:flex;gap:.5rem;margin-left:auto}.tutorial-lightbox button{flex-shrink:0}.tutorial-lightbox .tutorial-lightbox-stage{max-height:76vh;overflow:auto;overscroll-behavior:contain}.tutorial-lightbox .tutorial-lightbox-image{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.tutorial-lightbox .tutorial-lightbox-stage.is-zoomed .tutorial-lightbox-image{width:auto;max-width:none;max-height:none;margin:0 auto}html.tutorial-image-open{overflow:hidden}@media (max-width: 1199.98px){.tutorial-page .tutorial-sidebar{position:static}.tutorial-page .tutorial-toc{margin-bottom:0}}@media (max-width: 991.98px){.tutorial-page .tutorial-banner{padding:2.5rem 0}}@media (max-width: 767.98px){.tutorial-page .tutorial-step-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.tutorial-page .tutorial-step-layout>.tutorial-figure{width:min(100%,12rem);justify-self:end}}@media (max-width: 575.98px){.tutorial-page .tutorial-banner{padding:2rem 0}.tutorial-page .tutorial-content{padding-top:1.5rem}.tutorial-page .tutorial-chapter+.tutorial-chapter{margin-top:2rem;padding-top:2rem}.tutorial-lightbox{padding:.75rem}}