#article-header{--_ring:0 0 0 clamp(0px,0.2vw,6px) var(--color-primary-light);--_gap:clamp(12px,2.5vw,28px);--_radius:clamp(10px,2vw,22px);--_pad-y:clamp(16px,4vw,56px);--_pad-x:clamp(16px,5vw,72px);background:linear-gradient(180deg,var(--color-secondary-light),var(--color-background-default));color:var(--color-text-primary)}.article-header-wrap{box-shadow:0 1px 0 0 rgba(3,62,63,0.06) inset}.article-header-container{margin:clamp(8px,3vw,32px) auto;padding:clamp(16px,3vw,40px) clamp(14px,5vw,64px);max-width:100%;display:grid;gap:clamp(14px,2.5vw,32px);grid-template-columns:1fr;position:relative;border-radius:clamp(12px,2.5vw,24px);background:radial-gradient(1200px 1200px at 90% -10%,rgba(5,89,91,0.08) 0%,rgba(5,89,91,0) 55%),linear-gradient(0deg,rgba(250,99,112,0.05),rgba(250,99,112,0.05));outline:1px solid rgba(3,62,63,0.08)}.article-header-container::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:clamp(12px,2.5vw,24px);box-shadow:var(--_ring);opacity:0.6}.article-header-title{font-family:var(--font-heading_font);line-height:var(--font-font_sizes-line_height_heading);letter-spacing:-0.02em;color:var(--color-text-secondary);font-weight:700;font-size:clamp(1.8rem,4.2vw,3rem);margin:clamp(4px,1vw,10px) 0 clamp(6px,1.5vw,16px)}.article-header-meta{display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,14px);align-items:center;color:var(--color-text-primary);font-family:var(--font-body_font);font-weight:400;font-size:clamp(0.9rem,1.2vw,1rem);margin:clamp(4px,1vw,10px) 0}.article-header-meta>*{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);background:rgba(5,89,91,0.06);color:var(--color-text-secondary);padding:clamp(6px,1.2vw,10px) clamp(10px,1.6vw,14px);border-radius:clamp(10px,1.8vw,14px);backdrop-filter:saturate(120%) blur(0.5px);transition:transform 200ms ease,background-color 200ms ease,color 200ms ease}.article-header-meta>*:hover{background:rgba(250,99,112,0.12);color:var(--color-text-secondary);transform:translateY(-1px)}.article-header-date::before,.article-header-author::before,.article-header-reading-time::before{content:"";width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);border-radius:clamp(4px,1vw,8px);background:var(--color-accent-main);box-shadow:0 0 0 3px rgba(250,99,112,0.14)}.article-header-categories{margin-left:auto}.article-header-category-list{display:flex;gap:clamp(6px,1.2vw,12px)}.article-header-category-item{list-style:none}.article-header-category-link{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);text-decoration:none;color:var(--color-primary-dark);background:linear-gradient(180deg,rgba(5,89,91,0.08),rgba(5,89,91,0.02));padding:clamp(6px,1.2vw,10px) clamp(10px,1.6vw,14px);border-radius:clamp(10px,1.8vw,14px);border:1px solid rgba(5,89,91,0.18);transition:background-color 200ms ease,color 200ms ease,transform 200ms ease,box-shadow 200ms ease}.article-header-category-link::before{content:"●";font-size:clamp(8px,1.5vw,10px);color:var(--color-accent-main);transform:translateY(-1px)}.article-header-category-link:hover{color:var(--color-primary-contrast);background:linear-gradient(180deg,var(--color-primary-main),var(--color-primary-dark));box-shadow:0 6px 18px rgba(3,62,63,0.25),inset 0 -1px 0 rgba(255,255,255,0.15);transform:translateY(-2px)}.article-header-media{margin:clamp(8px,2.5vw,24px) 0 0;border-radius:clamp(14px,3vw,28px);overflow:clip;position:relative;background:var(--color-secondary-main)}.article-header-media::after{content:"";position:absolute;inset:0;border-radius:clamp(14px,3vw,28px);box-shadow:inset 0 0 0 1px rgba(5,89,91,0.12);pointer-events:none}.article-header-media img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;transform:scale(1.002);transition:transform 600ms ease}.article-header-media:hover img{transform:scale(1.02)}@media (min-width:480px){.article-header-container{max-width:680px}}@media (min-width:768px){.article-header-container{max-width:960px;display:grid;grid-template-columns:1.1fr 0.9fr}.article-header-title{grid-column:1 / -1}.article-header-meta{grid-column:1 / 2}.article-header-media{grid-column:2 / 3;position:sticky;top:clamp(10px,4vw,40px)}}@media (min-width:1024px){.article-header-container{max-width:1140px;grid-template-columns:1fr 1fr}}#content-sidebar-toc{--_gap:clamp(0.75rem,2vw,1.25rem);--_radius:clamp(10px,2vw,18px);--_shadow:0 6px 24px rgba(3,62,63,0.08),0 2px 8px rgba(3,62,63,0.06);--_focus:0 0 0 3px color-mix(in oklab,var(--color-accent-main) 32%,white);--_ring:0 0 0 1px color-mix(in oklab,var(--color-primary-main) 60%,black);--_maxw:1200px;--_aside-w:clamp(220px,26vw,320px);--_pad-block:clamp(0.75rem,1.8vw,1.5rem);--_pad-inline:clamp(0.9rem,2vw,1.75rem);--_title-size:clamp(0.85rem,1.4vw,1rem);--_body-size:clamp(0.95rem,1.2vw,1.0625rem);--_h2-size:clamp(1.35rem,2.5vw,1.9rem);--_h3-size:clamp(1.15rem,2vw,1.6rem);--_lead-size:clamp(1rem,1.8vw,1.125rem);color:var(--color-text-primary);background:var(--color-background-default);font-family:var(--font-body_font);line-height:var(--font-font_sizes-line_height_body)}.content-sidebar-toc-root{margin:clamp(0.5rem,1.2vw,1rem) auto clamp(2rem,5vw,4rem);max-width:var(--_maxw);padding:clamp(0.75rem,2vw,1.5rem)}.content-sidebar-toc-layout{display:grid;grid-template-columns:var(--_aside-w) 1fr;gap:var(--_gap);align-items:start}.content-sidebar-toc-aside{position:sticky;top:clamp(56px,8vh,92px);align-self:start;background:linear-gradient(180deg,var(--color-secondary-light),var(--color-secondary-main));border:1px solid color-mix(in oklab,var(--color-primary-dark) 10%,transparent);border-radius:var(--_radius);box-shadow:var(--_shadow);padding:var(--_pad-block) var(--_pad-inline)}.content-sidebar-toc-nav{display:grid;gap:clamp(0.5rem,1vw,0.75rem)}.content-sidebar-toc-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(0.25rem,1vw,0.5rem);border-bottom:1px dashed color-mix(in oklab,var(--color-primary-main) 28%,transparent)}.content-sidebar-toc-title{font-family:var(--font-heading_font);font-weight:700;color:var(--color-primary-dark);letter-spacing:0.012em;font-size:clamp(0.95rem,1.6vw,1.125rem);line-height:var(--font-font_sizes-line_height_heading)}.content-sidebar-toc-list{display:grid;gap:clamp(0.25rem,0.8vw,0.5rem);padding-top:clamp(0.5rem,1vw,0.75rem)}.content-sidebar-toc-list a{display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto;align-items:center;gap:0.5rem;text-decoration:none;color:var(--color-text-primary);font-size:var(--_title-size);padding:clamp(0.35rem,1vw,0.6rem) clamp(0.5rem,1.2vw,0.75rem);border-radius:clamp(6px,1.2vw,12px);transition:transform 200ms ease,background-color 200ms ease,color 200ms ease,box-shadow 200ms ease;background:color-mix(in oklab,var(--color-secondary-light) 70%,var(--color-background-default))}.content-sidebar-toc-list a::after{content:"↗";font-size:clamp(0.75rem,1.2vw,0.9rem);color:color-mix(in oklab,var(--color-primary-main) 50%,black);opacity:0.6;transition:opacity 200ms ease,transform 200ms ease}.content-sidebar-toc-list a:hover{background:color-mix(in oklab,var(--color-accent-light) 16%,var(--color-secondary-light));color:var(--color-primary-dark);box-shadow:0 2px 0 0 color-mix(in oklab,var(--color-accent-main) 30%,transparent) inset;transform:translateX(2px)}.content-sidebar-toc-list a:hover::after{opacity:1;transform:translateX(2px)}.content-sidebar-toc-list a[aria-current="true"],.content-sidebar-toc-list a.active{background:color-mix(in oklab,var(--color-primary-light) 16%,var(--color-secondary-light));color:var(--color-primary-dark);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary-main) 18%,transparent) inset}.content-sidebar-toc-article{background:linear-gradient(180deg,var(--color-background-default),var(--color-background-paper));border:1px solid color-mix(in oklab,var(--color-primary-dark) 8%,transparent);border-radius:var(--_radius);box-shadow:var(--_shadow);min-width:0;overflow:clip}.content-sidebar-toc-content{padding:clamp(1rem,3vw,2rem);font-size:var(--_body-size);color:var(--color-text-primary)}.content-sidebar-toc-content>* + *{margin-top:clamp(0.75rem,1.8vw,1.5rem)}.content-sidebar-toc-content p.lead,.content-sidebar-toc-content .lead{font-size:var(--_lead-size);color:var(--color-text-secondary)}.content-sidebar-toc-content h2{font-family:var(--font-heading_font);font-weight:700;line-height:var(--font-font_sizes-line_height_heading);color:var(--color-primary-dark);font-size:var(--_h2-size);margin:clamp(1rem,3vw,2rem) 0 clamp(0.5rem,1.5vw,1rem)}.content-sidebar-toc-content h3{font-family:var(--font-heading_font);font-weight:600;line-height:var(--font-font_sizes-line_height_heading);color:color-mix(in oklab,var(--color-primary-main) 85%,black);font-size:var(--_h3-size);margin:clamp(0.75rem,2.2vw,1.25rem) 0 clamp(0.35rem,1.2vw,0.75rem)}.content-sidebar-toc-content a{color:var(--color-accent-dark);text-decoration-color:color-mix(in oklab,var(--color-accent-main) 60%,transparent);text-decoration-thickness:clamp(2px,0.4vw,3px);text-underline-offset:clamp(2px,0.5vw,6px);transition:color 200ms ease,text-decoration-color 200ms ease,background-color 200ms ease}.content-sidebar-toc-content a:hover{color:var(--color-primary-dark);text-decoration-color:var(--color-primary-light);background:color-mix(in oklab,var(--color-accent-light) 10%,transparent)}.content-sidebar-toc-content blockquote{margin:clamp(1rem,2.5vw,1.75rem) 0;padding:clamp(0.75rem,2vw,1.25rem);border-left:clamp(4px,0.8vw,6px) solid var(--color-primary-main);background:color-mix(in oklab,var(--color-primary-light) 8%,var(--color-secondary-light));border-radius:clamp(8px,1.5vw,12px)}.content-sidebar-toc-content code,.content-sidebar-toc-content pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;background:color-mix(in oklab,var(--color-secondary-main) 70%,white);color:var(--color-text-secondary);padding:clamp(0.1rem,0.5vw,0.25rem) clamp(0.25rem,0.8vw,0.5rem);border-radius:clamp(6px,1vw,10px)}.content-sidebar-toc-content pre{overflow:auto;padding:clamp(0.75rem,2vw,1.25rem);border-radius:clamp(10px,1.6vw,14px);background:var(--color-secondary-light);border:1px solid color-mix(in oklab,var(--color-primary-dark) 10%,transparent)}.content-sidebar-toc-content ul,.content-sidebar-toc-content ol{padding-inline-start:clamp(1rem,2vw,1.5rem)}.content-sidebar-toc-content img,.content-sidebar-toc-content video{width:100%;height:auto;display:block;border-radius:clamp(10px,2vw,16px);box-shadow:var(--_shadow)}.content-sidebar-toc-content figure{margin:clamp(1rem,2.5vw,2rem) 0}.content-sidebar-toc-content figcaption{font-size:clamp(0.8rem,1vw,0.9rem);color:var(--color-secondary-dark);text-align:center;margin-top:clamp(0.35rem,0.8vw,0.5rem)}.content-sidebar-toc-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-primary-main) 35%,transparent),transparent);margin:clamp(1rem,3vw,2rem) 0}.content-sidebar-toc-content table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-secondary-light);border:1px solid color-mix(in oklab,var(--color-primary-dark) 10%,transparent);border-radius:clamp(10px,2vw,16px);overflow:hidden}.content-sidebar-toc-content th,.content-sidebar-toc-content td{padding:clamp(0.6rem,1.5vw,1rem);border-bottom:1px solid color-mix(in oklab,var(--color-primary-dark) 8%,transparent)}.content-sidebar-toc-content thead th{background:color-mix(in oklab,var(--color-primary-main) 8%,var(--color-secondary-light));color:var(--color-primary-dark);text-align:left}.content-sidebar-toc-content tbody tr:hover{background:color-mix(in oklab,var(--color-primary-light) 6%,var(--color-secondary-light))}.content-sidebar-toc-root :focus-visible{outline:none;box-shadow:var(--_focus);border-radius:clamp(4px,0.8vw,8px)}@media (max-width:1024px){.content-sidebar-toc-layout{grid-template-columns:1fr}.content-sidebar-toc-aside{position:static;order:-1}}@media (max-width:768px){.content-sidebar-toc-layout{grid-template-columns:1fr}.content-sidebar-toc-aside{order:-1}}@media (max-width:480px){.content-sidebar-toc-layout{grid-template-columns:1fr}.content-sidebar-toc-aside{order:-1}}.article-author-box{--_gap:clamp(0.75rem,1.2vw,1.25rem);--_pad:clamp(1rem,2.5vw,2rem);--_radius:clamp(12px,2vw,20px);--_shadowA:0 6px 20px rgba(5,89,91,0.15);--_shadowB:0 2px 8px rgba(3,62,63,0.12);--_accent:var(--color-accent-main);--_primary:var(--color-primary-main);--_text:var(--color-text-primary);color:var(--_text);font-family:var(--font-body_font);line-height:var(--font-font_sizes-line_height_body);background-color:var(--color-background-default);background-image:url('/media/web/fond-degrade-radial-blanc-gris-ondes-concentriques-turquoise-eclats-co_e726b31a.jpg');background-size:cover;background-repeat:no-repeat}.article-author-box-wrapper{max-width:100%;margin-inline:auto;padding:clamp(0.5rem,2vw,1.25rem)}.article-author-box-card{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--color-secondary-light),var(--color-background-default));border:1px solid color-mix(in oklab,var(--_primary) 18%,transparent);border-radius:var(--_radius);padding:var(--_pad);box-shadow:var(--_shadowA),var(--_shadowB);overflow:hidden}.article-author-box-card::before,.article-author-box-card::after{content:"";position:absolute;inset:-20% -10% auto auto;width:clamp(120px,28vw,360px);height:clamp(120px,28vw,360px);background:radial-gradient(ellipse at 30% 30%,color-mix(in oklab,var(--_accent) 30%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,color-mix(in oklab,var(--_primary) 24%,transparent) 0%,transparent 65%);filter:blur(22px) saturate(1.05);opacity:0.25;pointer-events:none;transform:rotate(12deg);z-index:-1}.article-author-box-card::after{inset:auto auto -30% -10%;transform:rotate(-8deg);opacity:0.18}.article-author-box-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--_gap)}.article-author-box-portrait{margin:0;width:clamp(56px,10vw,96px);height:clamp(56px,10vw,96px);border-radius:clamp(12px,2vw,20px);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in oklab,var(--_primary) 12%,transparent),transparent);outline:2px solid color-mix(in oklab,var(--_primary) 35%,transparent);outline-offset:clamp(2px,0.6vw,6px);box-shadow:0 8px 24px rgba(5,89,91,0.18)}.article-author-box-portrait img{width:100%;height:100%;object-fit:cover;transform:translateZ(0);transition:transform 300ms ease,filter 300ms ease;filter:saturate(1.05) contrast(1.02)}.article-author-box-identity{min-width:0}.article-author-box-name{margin:0;font-family:var(--font-heading_font);font-weight:700;letter-spacing:0.2px;color:var(--color-text-secondary);font-size:clamp(1rem,2.2vw,1.375rem);line-height:var(--font-font_sizes-line_height_heading);display:inline-flex;align-items:center;gap:clamp(6px,0.8vw,10px)}.article-author-box-name::after{content:"";display:inline-block;width:clamp(10px,1.2vw,14px);height:clamp(10px,1.2vw,14px);border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--_accent),color-mix(in oklab,var(--_accent) 40%,var(--_primary)));box-shadow:0 0 0 3px color-mix(in oklab,var(--_accent) 20%,transparent)}.article-author-box-bio{margin-top:clamp(0.5rem,1.5vw,1rem);color:var(--color-text-primary);font-size:clamp(0.9375rem,1.2vw,1.0625rem);line-height:1.7;max-width:70ch}.article-author-box-card:hover .article-author-box-portrait img,.article-author-box-card:focus-within .article-author-box-portrait img{transform:scale(1.04);filter:saturate(1.15) contrast(1.06)}.article-author-box-card:focus-within{outline:3px solid color-mix(in oklab,var(--_accent) 35%,transparent);outline-offset:2px}@media (max-width:1024px){.article-author-box-header{grid-template-columns:auto 1fr}}@media (max-width:768px){.article-author-box-header{grid-template-columns:1fr}.article-author-box-identity{display:flex;justify-content:center;text-align:center}.article-author-box-portrait{margin-inline:auto}}@media (max-width:480px){.article-author-box-header{display:flex;flex-direction:column}}.article-related-articles{--_gap:clamp(0.75rem,1vw,1.25rem);--_radius:clamp(0.5rem,1vw,1rem);--_pad:clamp(0.75rem,2vw,1.5rem);--_shadow:0 2px 10px rgba(0,0,0,.06),0 8px 24px rgba(5,89,91,.08);--_shadow-hover:0 6px 18px rgba(0,0,0,.08),0 14px 36px rgba(250,99,112,.18);--_duration:220ms;--_easing:cubic-bezier(.2,.8,.2,1);font-family:var(--font-body_font);color:var(--color-text-primary);background:linear-gradient(180deg,rgba(6,115,118,.04),rgba(250,99,112,.03)) var(--color-background-default);padding:clamp(1rem,4vw,3rem)}.article-related-articles .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.article-related-articles-list{display:grid;gap:var(--_gap)}.article-related-articles-item{list-style:none}.article-related-articles-card{background:var(--color-background-paper);border:1px solid rgba(3,62,63,.08);border-radius:var(--_radius);overflow:hidden;box-shadow:var(--_shadow);transform:translateZ(0);transition:box-shadow var(--_duration) var(--_easing),transform var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing);will-change:transform}.article-related-articles-link{display:grid;grid-template-rows:auto auto auto 1fr;gap:var(--_gap);text-decoration:none;color:inherit;padding:var(--_pad);background:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,.96));outline:none}.article-related-articles-card:has(.article-related-articles-link:hover),.article-related-articles-card:has(.article-related-articles-link:focus-visible){box-shadow:var(--_shadow-hover);transform:translateY(-2px);border-color:rgba(250,99,112,.35)}.article-related-articles-media{margin:0;border-radius:clamp(0.5rem,1vw,1rem);overflow:hidden;position:relative;isolation:isolate}.article-related-articles-media::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(5,89,91,.08));mix-blend:multiply;pointer-events:none}.article-related-articles-media img{display:block;width:100%;height:clamp(160px,26vw,260px);object-fit:cover;transform:scale(1.02);transition:transform var(--_duration) var(--_easing),filter var(--_duration) var(--_easing)}.article-related-articles-link:hover .article-related-articles-media img,.article-related-articles-link:focus-visible .article-related-articles-media img{transform:scale(1.06);filter:saturate(1.05) contrast(1.02)}.article-related-articles-title{font-family:var(--font-heading_font);font-weight:700;line-height:var(--font-font_sizes-line_height_heading);font-size:clamp(1rem,2.2vw,1.5rem);color:var(--color-text-secondary);margin:0}.article-related-articles-meta{display:flex;gap:clamp(0.25rem,1vw,.75rem);align-items:center;color:var(--color-primary-dark);font-size:clamp(.75rem,1.4vw,.875rem)}.article-related-articles-date,.article-related-articles-readtime{display:inline-flex;align-items:center;gap:.4em;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,1.4vw,.75rem);background:linear-gradient(180deg,rgba(6,115,118,.08),rgba(6,115,118,.02));border:1px solid rgba(6,115,118,.16);border-radius:clamp(.35rem,.8vw,.6rem)}.article-related-articles-date::before{content:"⏰"}.article-related-articles-readtime::before{content:"⏳"}.article-related-articles-excerpt{margin:0;color:var(--color-text-primary);font-size:clamp(.9rem,1.6vw,1rem);line-height:var(--font-font_sizes-line_height_body)}.article-related-articles-link:focus-visible{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 3px var(--color-secondary-light),0 0 0 6px rgba(250,99,112,.45);border-radius:var(--_radius)}.article-related-articles-card::before{content:"";position:absolute;inset:0;border-radius:calc(var(--_radius) + 2px);pointer-events:none;background:radial-gradient(1200px 1200px at var(--x,50%) var(--y,0%),rgba(250,99,112,.12),transparent 40%)}.article-related-articles-card{position:relative}.article-related-articles-link{--x:50%;--y:0%}.article-related-articles-link:hover,.article-related-articles-link:focus-visible{background:linear-gradient(180deg,rgba(255,255,255,1),rgba(250,250,250,.98))}@media (min-width:480px){.article-related-articles-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.article-related-articles-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.article-related-articles-list{grid-template-columns:repeat(4,1fr)}}@supports(selector(:has(*))){.article-related-articles-link{position:relative}}.article-related-articles-link:hover .article-related-articles-title,.article-related-articles-link:focus-visible .article-related-articles-title{color:var(--color-primary-main)}.article-related-articles-link:hover .article-related-articles-meta,.article-related-articles-link:focus-visible .article-related-articles-meta{color:var(--color-primary-main)}.article-related-articles-card:hover .article-related-articles-date,.article-related-articles-card:hover .article-related-articles-readtime{background:linear-gradient(180deg,rgba(250,99,112,.12),rgba(6,115,118,.04));border-color:rgba(250,99,112,.35)}.article-related-articles{container-type:inline-size}@container (min-width:520px){.article-related-articles-link{grid-template-rows:auto 1fr auto auto}}