.article-layout .toc :is(ol,ul){margin-block:0;padding-inline-start:0;list-style:none}.article-layout .toc li{margin-block-end:0}.article-layout .toc a{display:block;background-image:none;text-decoration:none;padding-block:var(--space-1);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.article-layout .toc a:hover{color:var(--color-accent)}.article-layout .toc li ol{padding-inline-start:var(--space-4)}.toc{font-size:var(--font-size-small)}.toc>summary{color:var(--color-text);font-weight:var(--font-weight-semibold);cursor:pointer;padding-block:var(--space-2)}.toc nav{margin-block-start:var(--space-2)}@media(width>=64rem){.article-layout>.toc{grid-column:3;grid-row:1 / -1;align-self:start;position:sticky;top:var(--space-12);padding-inline-start:var(--space-8);z-index:1;background:var(--color-bg)}@supports selector(::details-content){.toc>summary{display:none}.toc::details-content{content-visibility:visible}}}@keyframes toc-appear{0%{opacity:0}to{opacity:1}}@keyframes section-active{0%,to{opacity:0}20%,80%{opacity:1}}@supports (animation-timeline: scroll()){.article-layout{timeline-scope:--toc-trigger}.article-layout .article-header{view-timeline-name:--toc-trigger}@media(width>=64rem){.article-layout>.toc{animation:toc-appear var(--duration-smooth) var(--ease-out) both;animation-timeline:--toc-trigger;animation-range:exit}}}@supports (animation-timeline: view()){@media(width>=64rem){.article-layout h2{position:relative}.article-layout h2:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--space-4));width:var(--space-1);border-radius:var(--radius-sm);background:var(--color-gradient);opacity:0;animation:section-active linear both;animation-timeline:view();animation-range:cover}}}@media(prefers-reduced-motion:reduce){.article-layout>.toc{animation:none}.article-layout h2:before{animation:none}}@media(forced-colors:active)and (width>=64rem){.article-layout h2:before{background:CanvasText}}.article-layout{display:grid;grid-template-columns:1fr min(42rem,100%) 1fr}.article-layout>*{grid-column:2}.article-layout>.full-bleed{grid-column:1 / -1}.article-layout .article-header{margin-block:var(--space-12) var(--space-8)}.article-layout .article-header h1{margin-block:0}.article-layout .article-meta{color:var(--color-text-muted);font-size:var(--font-size-small);margin-block-start:var(--space-3)}.article-layout p{margin-block-end:var(--space-6);line-height:1.5}.article-layout :is(h2,h3,h4,h5,h6){margin-block:var(--space-12) var(--space-4)}.article-layout :is(h2,h3){scroll-margin-top:var(--space-16)}@supports (background-clip: text) or (-webkit-background-clip: text){.article-layout>.article-header h1,.article-layout h2{background-image:var(--color-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}}.article-layout :is(h2,h3) .heading-anchor{background:none;color:var(--color-text-muted);-webkit-text-fill-color:currentcolor;display:inline-flex;align-items:center;justify-content:center;position:relative;min-inline-size:var(--space-6);min-block-size:var(--space-6);margin-inline-start:var(--space-2);font-size:var(--font-size-body);vertical-align:middle;text-decoration:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.article-layout :is(h2,h3):hover .heading-anchor,.article-layout :is(h2,h3) .heading-anchor:focus-visible{opacity:1}.article-layout :is(h2,h3) .heading-anchor:hover,.article-layout :is(h2,h3) .heading-anchor:focus-visible{color:var(--color-accent)}@media(hover:none){.article-layout :is(h2,h3) .heading-anchor{opacity:.5}}.article-layout :is(h2,h3) .heading-anchor[data-copied]{opacity:1}.article-layout :is(h2,h3) .heading-anchor[data-copied]:after{content:"Copié";position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0;padding-block:var(--space-1);padding-inline:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);-webkit-text-fill-color:currentcolor;font-size:var(--font-size-small);white-space:nowrap;pointer-events:none}.article-layout .anchor-copy-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.article-layout :is(p,li,blockquote) a{text-decoration:none;background-image:var(--color-gradient);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-block-end:var(--space-1);transition:background-size var(--duration-normal) var(--ease-out)}.article-layout :is(p,li,blockquote) a:hover{background-size:100% 4px}.article-layout :is(ul,ol){margin-block-end:var(--space-6);padding-inline-start:var(--space-6)}.article-layout li{margin-block-end:var(--space-2)}.article-layout li::marker{color:var(--color-accent)}.article-layout>blockquote{margin-block:var(--space-8);padding-inline-start:var(--space-6);border-inline-start:4px solid transparent;border-image:var(--color-gradient) 1;font-style:italic;color:var(--color-text-muted)}.article-layout>hr{block-size:2px;border:0;background-image:var(--color-gradient);margin-block:var(--space-12)}@media(width<=48rem){.article-layout>*:not(.full-bleed){padding-inline:var(--space-4)}.article-layout>blockquote:not(.full-bleed){padding-inline-start:var(--space-6)}}@media(forced-colors:active){.article-layout :is(p,li,blockquote) a{text-decoration:underline}.article-layout :is(h2,h3) .heading-anchor{color:LinkText;-webkit-text-fill-color:currentcolor}.article-layout :is(h2,h3) .heading-anchor:hover,.article-layout :is(h2,h3) .heading-anchor:focus-visible{color:Highlight;-webkit-text-fill-color:currentcolor}.article-layout :is(h2,h3) .heading-anchor[data-copied]:after{background:Canvas;color:CanvasText;border:1px solid CanvasText;-webkit-text-fill-color:currentcolor}.article-layout>blockquote{border-inline-start-color:CanvasText}.article-layout>hr{background-color:CanvasText}}.article-layout>.expressive-code{margin-block:var(--space-6)}