body{background:#f7f8f5;overflow-y:visible;scrollbar-gutter:stable}#bolt-progress .progress-bar{background:linear-gradient(90deg,#087f77,#e86f51)}.tutorial-layout{display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh;background:linear-gradient(#087f7709 1px,transparent 1px),linear-gradient(90deg,#087f7709 1px,transparent 1px),#f7f8f5;background-size:2.25rem 2.25rem}.tutorial-main{min-width:0;padding:3.5rem clamp(1.5rem,3vw,3.25rem) 5rem}.tutorial-content{max-width:88rem;margin:0 auto}.tutorial-sidebar{border-right:1px solid #dce4df;background:#ffffffe6}@media(min-width:992px){.tutorial-layout{grid-template-rows:1fr auto}.tutorial-sidebar{grid-row:1/-1;display:flex;flex-direction:column}.tutorial-sidebar .offcanvas-body{flex:1;min-height:0}.tutorial-main,.tutorial-footer{grid-column:2}}.tutorial-sidebar-inner{position:sticky;top:0;max-height:100vh;padding:1.75rem 1rem 2.5rem;overflow-y:auto;overscroll-behavior:contain}.tutorial-sidebar-brand,.tutorial-brand{align-items:center;gap:.7rem;color:#17252d;text-decoration:none}.tutorial-sidebar-brand{display:flex;padding:0 .75rem 1.75rem}.tutorial-sidebar-brand strong,.tutorial-sidebar-brand small{display:block;line-height:1.05}.tutorial-sidebar-brand strong{font-size:1.05rem;letter-spacing:.02em}.tutorial-sidebar-brand small{margin-top:.25rem;color:#087f77;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tutorial-brand-mark{flex:0 0 2.3rem;width:2.3rem;height:2.3rem;object-fit:contain}.tutorial-home-link,.tutorial-nav-link{display:flex;align-items:center;gap:.6rem;color:#64737a;text-decoration:none;transition:color 160ms ease,background-color 160ms ease,transform 160ms ease}.tutorial-home-link i,.tutorial-nav-link i{color:#e86f51;font-size:.8rem}.tutorial-home-link:hover,.tutorial-home-link.is-active,.tutorial-nav-link:hover,.tutorial-nav-link.is-active{color:#087f77}.tutorial-home-link{margin-bottom:1.5rem;padding:.7rem .75rem;border:1px solid #dce4df;border-radius:.5rem;font-size:.82rem;font-weight:700}.tutorial-home-link.is-active{border-color:#087f7740;background:#087f7712}.tutorial-nav-group{margin-top:1.4rem}.tutorial-nav-heading{display:flex;align-items:center;gap:.6rem;padding:0 .75rem .5rem;color:#17252d;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tutorial-nav-heading i{color:#e86f51;font-size:.75rem}.tutorial-nav-link{min-height:2rem;padding:.38rem .75rem .38rem 1.65rem;border-radius:.35rem;font-size:.86rem}.tutorial-nav-link.is-active{background:#087f7714;font-weight:700;transform:translateX(.15rem)}.tutorial-content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-bottom:2.25rem;border-bottom:1px solid #dce4df}.tutorial-kicker{margin-bottom:.75rem;color:#e86f51;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tutorial-content h1{max-width:42rem;margin:0;color:#17252d;font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4.5vw,3.75rem);font-weight:400;line-height:1.02}.tutorial-lead{max-width:38rem;margin:1.25rem 0 0;color:#64737a;font-size:1.02rem;line-height:1.65}.tutorial-progress{flex:0 0 auto;color:#087f77;font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;white-space:nowrap}.tutorial-progress small{color:#64737a;font-family:inherit;font-size:.9rem}.tutorial-body{counter-reset:tutorial-section;color:#17252d;line-height:1.8}.tutorial-body h2{display:flex;align-items:baseline;gap:.85rem;margin:0 0 1.15rem;padding-top:2.75rem;color:#17252d;font-size:1.4rem;font-weight:700;counter-increment:tutorial-section}.tutorial-body h2::before{content:counter(tutorial-section,decimal-leading-zero);color:#e86f51;font-family:"DM Serif Display",Georgia,serif;font-size:1.15rem;font-weight:400}.tutorial-body h2~h2{margin-top:2.5rem;border-top:1px solid #dce4df}.tutorial-body h3,.tutorial-body h4,.tutorial-body h5{margin:2rem 0 .85rem;color:#17252d;font-size:1.05rem;font-weight:700}.tutorial-body p{max-width:46rem;margin-bottom:1rem;color:#3f4d55}.tutorial-body ol,.tutorial-body ul{max-width:46rem;margin:0 0 1.25rem;padding-left:1.4rem}.tutorial-body li{padding:.25rem 0 .25rem .3rem}.tutorial-body li::marker{color:#087f77;font-weight:700}.tutorial-body li ul,.tutorial-body li ol{margin:.4rem 0 .6rem;color:#3f4d55}.tutorial-body li ul li::marker,.tutorial-body li ol li::marker{color:#e86f51}.tutorial-body a{color:#087f77;text-underline-offset:.15em}.tutorial-intro{max-width:46rem;color:#3f4d55;font-size:1.02rem}mark{padding:.1rem .35rem;border-radius:.2rem;background:#f4c95d6b;color:inherit}.tutorial-body kbd{padding:.15rem .45rem;border:1px solid #087f7740;border-radius:.3rem;background:#087f7714;color:#087f77;font-family:inherit;font-size:.87em;font-weight:600}.tutorial-body q{color:#17252d;font-weight:600}.tutorial-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1.25rem;max-width:62rem;margin:1.5rem 0 2.25rem}@media(max-width:1399.98px){.tutorial-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:46rem}}@media(max-width:767.98px){.tutorial-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.tutorial-gallery .shot .shot-link{border:1px solid #dce4df;border-radius:.5rem;background:#fff;box-shadow:0 .5rem 1.25rem #17252d12}.tutorial-gallery .shot .shot-link:hover{border-color:#087f77;box-shadow:0 .85rem 2rem #087f772e}.tutorial-gallery .shot .shot-caption{color:#64737a}.tutorial-gallery .shot-image{background:#f7f8f5}.tutorial-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-top:1.5rem}.tutorial-video-card{overflow:hidden;border:1px solid #dce4df;border-radius:.5rem;background:#fff;box-shadow:none}.tutorial-video-card .tutorial-video-caption{padding:1.15rem 1.25rem}.tutorial-video-card .tutorial-video-caption span{color:#e86f51;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tutorial-video-card .tutorial-video-caption h2{margin:.45rem 0 0;padding:0;border:0;color:#17252d;font-size:1rem}.tutorial-video-card .tutorial-video-caption h2::before{content:none}.tutorial-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.5rem}.tutorial-pager-link{display:flex;min-height:6rem;flex-direction:column;justify-content:center;padding:1rem 1.25rem;border:1px solid #dce4df;border-radius:.5rem;background:#fff;box-shadow:0 .75rem 2rem #17252d0f;color:#17252d;text-decoration:none;transition:border-color 160ms ease,transform 160ms ease}.tutorial-pager-link:hover{border-color:#087f77;color:#087f77;transform:translateY(-0.15rem)}.tutorial-pager-link small{margin-bottom:.45rem;color:#087f77;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tutorial-pager-next{align-items:flex-end;text-align:right}.tutorial-top-button{position:fixed;right:1.5rem;bottom:1.5rem;z-index:10;width:2.8rem;height:2.8rem;border:0;border-radius:50%;background:#087f77;color:#fff;box-shadow:0 .5rem 1rem #087f7740}.tutorial-mobile-header{position:sticky;top:0;z-index:1030;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid #dce4df;background:#fffffff0;backdrop-filter:blur(.5rem)}.tutorial-brand{display:flex;font-weight:700}.tutorial-menu-button{color:#087f77}.tutorial-footer{padding:1.25rem;border-top:1px solid #dce4df;background:#fff;color:#64737a;font-size:.78rem;text-align:center}.tutorial-footer a{color:#087f77}@media(max-width:991.98px){.tutorial-layout{display:block;min-height:auto}.tutorial-sidebar{width:min(19rem,88vw);background:#fff}.tutorial-sidebar-inner{position:static;max-height:none;padding-top:.5rem}.tutorial-mobile-header{display:flex}.tutorial-main{padding:2.5rem 1.25rem 4rem}.tutorial-video-grid{grid-template-columns:1fr}}@media(max-width:575.98px){.tutorial-content-header{align-items:flex-start;flex-direction:column;gap:1rem}.tutorial-content h1{font-size:2.15rem}.tutorial-pager{grid-template-columns:1fr}.tutorial-pager-next{align-items:flex-start;text-align:left}}