.tuto-layout__aside{margin:0 0 2rem}@media(min-width:1400px){.tuto-layout--with-toc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;margin-left:-288px;width:calc(100% + 288px)}.tuto-layout__aside{position:sticky;top:6.5rem;align-self:start;max-height:calc(100vh - 8rem);overflow-y:auto;margin:0}}.tuto-toc{font-size:.875rem;line-height:1.5;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-primary-50);padding:1rem 1.25rem}.tuto-toc__summary{cursor:pointer;font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-700);list-style:none}.tuto-toc__summary::-webkit-details-marker{display:none}.tuto-toc__summary:after{content:"▾";float:right;transition:transform .2s ease}.tuto-toc__details[open] .tuto-toc__summary:after{transform:rotate(180deg)}.tuto-toc__list,.tuto-toc__sub{list-style:none;margin:.75rem 0 0;padding:0;counter-reset:none}.tuto-toc__sub{margin:.35rem 0 .35rem .85rem;padding-left:.75rem;border-left:1px solid var(--color-border)}.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);text-decoration:none;border-bottom:1px solid transparent}.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{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:0 0 2rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-left:3px solid var(--color-primary-600);border-radius:.5rem;background:var(--color-surface)}.tuto-facts__item{min-width:5rem}.tuto-facts__label{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.tuto-facts__value{margin:.15rem 0 0;font-size:1rem;font-weight:700;color:var(--color-text-primary)}.prose .tuto-ingredients{display:grid;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;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-primary-50)}.prose .tuto-ingredients>li{margin:0;padding-left:1rem;position:relative}.prose .tuto-ingredients>li::marker{content:none}.prose .tuto-ingredients>li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--color-primary-600)}.prose .tuto-steps{list-style:none;margin:2rem 0;padding:0;counter-reset:none;display:grid;gap:1.5rem}.prose .tuto-steps>li.tuto-step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;margin:0;padding:1.5rem 1.5rem 1.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.prose .tuto-steps>li.tuto-step:before,.prose .tuto-steps>li.tuto-step::marker{content:none;display:none}.tuto-step__num{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary-700);font-size:1.25rem;font-weight:800;line-height:1}.tuto-step__body{min-width:0}.prose .tuto-step__title{margin:.4rem 0 .75rem;font-size:1.25rem;line-height:1.35;color:var(--color-text-primary)}.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{font-size:1.05rem;color:var(--color-text-primary)}.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(max-width:640px){.prose .tuto-steps>li.tuto-step{grid-template-columns:1fr;padding:1.25rem;gap:.5rem}.tuto-step__num{grid-row:auto;width:2.25rem;height:2.25rem;font-size:1.05rem}}.tuto-note{margin:1.25rem 0;padding:.9rem 1.1rem;border-radius:.5rem;border-left:3px solid var(--color-primary-600);background:var(--color-primary-50);font-size:.9375rem}.tuto-note__label{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-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{position:relative;margin:1.25rem 0}.tuto-code__lang{display:inline-block;padding:.15rem .6rem;border-radius:.35rem .35rem 0 0;background:var(--color-primary-100);color:var(--color-primary-700);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.prose .tuto-code__pre{margin:0;border-top-left-radius:0}@media print{.tuto-toc{display:none}}