.tutorial-sidebar[data-astro-cid-tqp7zd7u]{display:none;width:240px;flex-shrink:0;border-right:1px solid var(--color-border-light);overflow-y:auto;position:sticky;top:0;height:100vh;align-self:flex-start}@media(min-width:1024px){.tutorial-sidebar[data-astro-cid-tqp7zd7u]{display:block}}@media(max-width:1023px){.tutorial-sidebar[data-astro-cid-tqp7zd7u]{display:block;position:fixed;top:0;left:0;z-index:35;height:100vh;background:var(--color-bg);transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.tutorial-sidebar[data-astro-cid-tqp7zd7u].is-open{transform:translate(0);box-shadow:4px 0 20px #0000001a}}.tut-sidebar-promo[data-astro-cid-tqp7zd7u]{display:block;margin:1rem 0 .5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;text-decoration:none;color:inherit;background:linear-gradient(135deg,#d977570f,#d9775705);transition:border-color .15s}.tut-sidebar-promo[data-astro-cid-tqp7zd7u]:hover{border-color:#d97757;color:inherit}.tut-sidebar-promo-tag[data-astro-cid-tqp7zd7u]{display:inline-block;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .35rem;background:linear-gradient(135deg,#d97757,#b85d3a);color:#fff;border-radius:3px;margin-bottom:.35rem}.tut-sidebar-promo[data-astro-cid-tqp7zd7u] strong[data-astro-cid-tqp7zd7u]{display:block;font-size:.8rem;line-height:1.3;margin-bottom:.2rem}.tut-sidebar-promo-meta[data-astro-cid-tqp7zd7u]{font-size:.68rem;color:var(--color-faint)}.tutorial-section-toggle[data-astro-cid-tqp7zd7u] .section-arrow[data-astro-cid-tqp7zd7u]{transition:transform .2s}.tutorial-section-toggle[data-astro-cid-tqp7zd7u].collapsed .section-arrow[data-astro-cid-tqp7zd7u]{transform:rotate(0)}.tutorial-section-toggle[data-astro-cid-tqp7zd7u]:not(.collapsed) .section-arrow[data-astro-cid-tqp7zd7u]{transform:rotate(90deg)}.tutorial-section-list[data-astro-cid-tqp7zd7u].collapsed{display:none}.tutorial-layout[data-astro-cid-ds6ctzq3]{display:flex;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.tutorial-main[data-astro-cid-ds6ctzq3]{flex:1;min-width:0;max-width:780px;padding:2rem 3rem 4rem}.tutorial-nav[data-astro-cid-ds6ctzq3]{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.tutorial-nav-link[data-astro-cid-ds6ctzq3]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border:1px solid var(--color-border-light);border-radius:.75rem;text-decoration:none;transition:border-color .15s,background .15s;min-width:0;flex:1}.tutorial-nav-link[data-astro-cid-ds6ctzq3]:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.tutorial-nav-next[data-astro-cid-ds6ctzq3]{text-align:right}.tutorial-nav-label[data-astro-cid-ds6ctzq3]{font-size:.75rem;color:var(--color-faint);text-transform:uppercase;letter-spacing:.05em}.tutorial-nav-title[data-astro-cid-ds6ctzq3]{font-size:.875rem;font-weight:500;color:var(--color-soft);transition:color .15s}.tutorial-nav-link[data-astro-cid-ds6ctzq3]:hover .tutorial-nav-title[data-astro-cid-ds6ctzq3]{color:var(--color-accent)}@media(max-width:1023px){.tutorial-main[data-astro-cid-ds6ctzq3]{max-width:100%;padding:1.5rem 1.25rem 4rem}}@media(max-width:480px){.tutorial-nav[data-astro-cid-ds6ctzq3]{flex-direction:column}.tutorial-nav-next[data-astro-cid-ds6ctzq3]{text-align:left}}body:has(.tutorial-layout)>nav{max-width:1200px!important}body:has(.tutorial-layout)>main{max-width:100%!important;padding:0!important}body:has(.tutorial-layout)>footer{max-width:1200px!important}.tutorial-sidebar{view-transition-name:tutorial-sidebar}::view-transition-old(tutorial-sidebar),::view-transition-new(tutorial-sidebar){animation:none;mix-blend-mode:normal}.tutorial-content{view-transition-name:tutorial-content}@keyframes tut-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes tut-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes tut-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes tut-slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}::view-transition-old(tutorial-content){animation:.2s cubic-bezier(.4,0,.2,1) both tut-slide-out-left}::view-transition-new(tutorial-content){animation:.25s cubic-bezier(0,0,.2,1) .05s both tut-slide-in-right}html.tutorial-back::view-transition-old(tutorial-content){animation-name:tut-slide-out-right}html.tutorial-back::view-transition-new(tutorial-content){animation-name:tut-slide-in-left}html.tutorial-nav-active::view-transition-old(root),html.tutorial-nav-active::view-transition-new(root){animation:none}