.tuto-prose{color:var(--color-fg-muted);font-size:1.0625rem;line-height:1.75}.tuto-prose>:first-child{margin-top:0}.tuto-prose p{margin:1rem 0}.tuto-prose strong{color:var(--color-fg);font-weight:600}.tuto-prose em{color:var(--color-fg)}.tuto-prose h2{border-top:1px solid var(--color-border);font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-fg);margin:3rem 0 1rem;padding-top:1.75rem;scroll-margin-top:6rem;font-size:1.5rem;font-weight:700;line-height:1.3;position:relative}.tuto-prose h2:before{content:"";background:var(--color-accent);border-radius:2px;width:3rem;height:2px;position:absolute;top:-1px;left:0}.tuto-prose h3{color:var(--color-fg);margin:2rem 0 .5rem;scroll-margin-top:6rem;font-size:1.1875rem;font-weight:650;line-height:1.4}.tuto-prose h4{color:var(--color-fg);margin:1.5rem 0 .25rem;font-size:1rem;font-weight:650}.tuto-prose a{color:var(--color-accent-soft);text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--color-accent) 45%, transparent);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.tuto-prose a:hover{color:var(--color-fg);text-decoration-color:var(--color-accent)}.tuto-prose code{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-fg);white-space:nowrap;border-radius:6px;padding:.12em .4em;font-size:.86em}.tuto-prose kbd{border:1px solid var(--color-border-strong);background:var(--color-surface-strong);min-width:1.6em;font-family:var(--font-mono);text-align:center;color:var(--color-fg);border-bottom-width:2px;border-radius:6px;padding:.05em .45em;font-size:.82em;line-height:1.5;display:inline-block}.tuto-prose ul{margin:1rem 0;padding-left:0;list-style:none}.tuto-prose ul>li{margin:.45rem 0;padding-left:1.4rem;position:relative}.tuto-prose ul>li:before{content:"";background:var(--color-accent);border-radius:2px;width:6px;height:6px;position:absolute;top:.72em;left:.2rem}.tuto-prose li>ul,.tuto-prose li>ol{margin:.35rem 0}.tuto-prose ol{counter-reset:etape;margin:1.25rem 0;padding-left:0;list-style:none}.tuto-prose ol>li{counter-increment:etape;margin:0;padding:0 0 1.1rem 2.75rem;position:relative}.tuto-prose ol>li:before{content:counter(etape);border:1px solid color-mix(in oklch, var(--color-accent) 55%, transparent);background:color-mix(in oklch, var(--color-accent) 14%, var(--color-bg));width:1.85rem;height:1.85rem;font-family:var(--font-mono);color:var(--color-accent-soft);border-radius:9999px;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:.05rem;left:0}.tuto-prose ol>li:not(:last-child):after{content:"";background:var(--color-border-strong);width:1px;position:absolute;top:2.15rem;bottom:.2rem;left:calc(.925rem - .5px)}.tuto-prose ol>li>p:first-child{margin-top:0}.tuto-prose table{border-collapse:collapse;width:100%;max-width:100%;margin:1.5rem 0;font-size:.95rem;line-height:1.55;display:block;overflow-x:auto}.tuto-prose th,.tuto-prose td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.6rem .85rem}.tuto-prose th{background:var(--color-surface);color:var(--color-fg);white-space:nowrap;font-weight:600}.tuto-prose tbody tr:nth-child(2n) td{background:color-mix(in oklch, var(--color-surface) 45%, transparent)}.tuto-prose hr{border:0;border-top:1px solid var(--color-border);margin:2.5rem 0}.tuto-prose img{border:1px solid var(--color-border-strong);border-radius:14px;max-width:100%;height:auto;margin:1.5rem 0;display:block}.tuto-prose blockquote.encadre{border:1px solid var(--color-border-strong);background:var(--color-bg-elev);border-left-width:3px;border-radius:12px;margin:1.5rem 0;padding:.9rem 1.1rem;font-size:.98rem}.tuto-prose blockquote.encadre>p{margin:.35rem 0}.tuto-prose blockquote.encadre>:first-child{margin-top:0}.tuto-prose blockquote.encadre>:last-child{margin-bottom:0}.tuto-prose .encadre-note{border-left-color:var(--color-fg-dim)}.tuto-prose .encadre-astuce{border-left-color:var(--color-success);background:color-mix(in oklch, var(--color-success) 7%, var(--color-bg-elev))}.tuto-prose .encadre-astuce>p:first-child>strong:first-child{color:var(--color-success-soft)}.tuto-prose .encadre-beta{border-left-color:var(--color-warning);background:color-mix(in oklch, var(--color-warning) 7%, var(--color-bg-elev))}.tuto-prose .encadre-beta>p:first-child>strong:first-child{color:var(--color-warning-soft)}.tuto-prose .encadre-pro{border-left-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 8%, var(--color-bg-elev))}.tuto-prose .encadre-pro>p:first-child>strong:first-child{color:var(--color-accent-soft)}.tuto-prose .encadre-attention{border-left-color:var(--color-danger);background:color-mix(in oklch, var(--color-danger) 7%, var(--color-bg-elev))}.tuto-prose .encadre-attention>p:first-child>strong:first-child{color:#fca5a5}.tuto-prose .encadre-pourquoi{border-left-color:var(--color-accent-soft);background:color-mix(in oklch, var(--color-accent) 5%, var(--color-bg-elev))}.tuto-prose .encadre-pourquoi>p:first-child>strong:first-child{color:var(--color-fg)}
