.tuto-layout__aside{margin:0 0 2rem}@media (width>=1400px){.tuto-layout--with-toc{grid-template-columns:240px minmax(0,1fr);gap:3rem;width:calc(100% + 288px);margin-left:-288px;display:grid}.tuto-layout__aside{align-self:start;max-height:calc(100vh - 8rem);margin:0;position:sticky;top:6.5rem;overflow-y:auto}}.tuto-toc{border:1px solid var(--color-border);background:var(--color-primary-50);border-radius:.75rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5}.tuto-toc__summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-700);font-size:.75rem;font-weight:700;list-style:none}.tuto-toc__summary::-webkit-details-marker{display:none}.tuto-toc__summary:after{content:"▾";float:right;transition:transform .2s}.tuto-toc__details[open] .tuto-toc__summary:after{transform:rotate(180deg)}.tuto-toc__list,.tuto-toc__sub{counter-reset:none;margin:.75rem 0 0;padding:0;list-style:none}.tuto-toc__sub{border-left:1px solid var(--color-border);margin:.35rem 0 .35rem .85rem;padding-left:.75rem}.tuto-toc__item+.tuto-toc__item{margin-top:.4rem}.tuto-toc__subitem+.tuto-toc__subitem{margin-top:.25rem}.tuto-toc a{color:var(--color-text-secondary);border-bottom:1px solid #0000;text-decoration:none}.tuto-toc__item>a{color:var(--color-text-primary);font-weight:600}.tuto-toc__subitem>a{font-size:.8125rem}.tuto-toc a:hover,.tuto-toc a:focus-visible{color:var(--color-primary-700);border-bottom-color:currentColor}.prose h2[id],.prose h3[id],.tuto-step__title{scroll-margin-top:6rem}.tuto-facts{border:1px solid var(--color-border);border-left:3px solid var(--color-primary-600);background:var(--color-surface);border-radius:.5rem;flex-wrap:wrap;gap:.5rem 2rem;margin:0 0 2rem;padding:1rem 1.25rem;display:flex}.tuto-facts__item{min-width:5rem}.tuto-facts__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.7rem;font-weight:700}.tuto-facts__value{color:var(--color-text-primary);margin:.15rem 0 0;font-size:1rem;font-weight:700}.prose .tuto-ingredients{border:1px solid var(--color-border);background:var(--color-primary-50);border-radius:.75rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.35rem 1.5rem;margin:1rem 0 2rem;padding:1.25rem 1.5rem;list-style:none;display:grid}.prose .tuto-ingredients>li{margin:0;padding-left:1rem;position:relative}.prose .tuto-ingredients>li::marker{content:none}.prose .tuto-ingredients>li:before{content:"";background:var(--color-primary-600);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.prose .tuto-steps{counter-reset:none;gap:1.5rem;margin:2rem 0;padding:0;list-style:none;display:grid}.prose .tuto-steps>li.tuto-step{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;margin:0;padding:1.5rem 1.5rem 1.25rem;display:grid}.prose .tuto-steps>li.tuto-step:before,.prose .tuto-steps>li.tuto-step::marker{content:none;display:none}.tuto-step__num{background:var(--color-primary-50);width:2.75rem;height:2.75rem;color:var(--color-primary-700);border-radius:50%;grid-row:1/span 2;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;line-height:1;display:flex}.tuto-step__body{min-width:0}.prose .tuto-step__title{color:var(--color-text-primary);margin:.4rem 0 .75rem;font-size:1.25rem;line-height:1.35}.prose .tuto-step__title:before{content:none;display:none}.prose .tuto-step p:last-child{margin-bottom:0}.prose .tuto-step--long>.tuto-step__body>p:first-of-type{color:var(--color-text-primary);font-size:1.05rem}.prose .tuto-step--long p{line-height:1.75}.prose .tuto-step__body>.tuto-step-img,.prose .tuto-step__body>figure{margin:0 0 1rem}@media (width<=640px){.prose .tuto-steps>li.tuto-step{grid-template-columns:1fr;gap:.5rem;padding:1.25rem}.tuto-step__num{grid-row:auto;width:2.25rem;height:2.25rem;font-size:1.05rem}}.tuto-note{border-left:3px solid var(--color-primary-600);background:var(--color-primary-50);border-radius:.5rem;margin:1.25rem 0;padding:.9rem 1.1rem;font-size:.9375rem}.tuto-note__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-700);margin:0 0 .35rem;font-size:.7rem;font-weight:700}.prose .tuto-note p:last-child,.prose .tuto-note ul:last-child,.prose .tuto-note ol:last-child{margin-bottom:0}.tuto-note[data-kind=attention]{border-left-color:var(--color-primary-800)}.tuto-note[data-kind=pourquoi-ca-marche]{background:var(--color-surface);border-left-color:var(--color-primary-200)}.tuto-code{margin:1.25rem 0;position:relative}.tuto-code__lang{background:var(--color-primary-100);color:var(--color-primary-700);letter-spacing:.06em;text-transform:uppercase;border-radius:.35rem .35rem 0 0;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.prose .tuto-code__pre{border-top-left-radius:0;margin:0}@media print{.tuto-toc{display:none}}