#article-header{color:var(--color-text-primary);background:linear-gradient(180deg,rgba(107,77,255,0.08) 0%,rgba(14,15,20,0) 38%),var(--color-background-default);box-shadow:0 0 0 1px rgba(182,188,199,0.06) inset}.article-header{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--font-body_font);line-height:var(--font-font_sizes-line_height_body);margin:0;padding:clamp(16px,4vw,40px)}.article-header-container{max-width:72ch;margin:0 auto;display:grid;gap:clamp(12px,3vw,28px)}.article-header-title{font-family:var(--font-heading_font);font-weight:700;line-height:var(--font-font_sizes-line_height_heading);font-size:clamp(1.9rem,3.8vw,var(--font-font_sizes-h1));letter-spacing:-0.02em;margin:0;color:var(--color-text-primary);text-wrap:balance;background:radial-gradient(120% 120% at 0% 0%,rgba(142,121,255,0.25) 0%,rgba(0,0,0,0) 60%) no-repeat;padding:clamp(0px,0.5vw,6px);border-radius:clamp(6px,1.2vw,14px)}.article-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(6px,1.4vw,14px);color:var(--color-text-secondary);font-size:clamp(0.9rem,1.2vw,1rem)}.article-header-meta-item{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);background:color-mix(in oklab,var(--color-background-paper) 86%,black 0%);border:1px solid rgba(182,188,199,0.14);color:var(--color-text-secondary);padding:clamp(6px,1.4vw,10px) clamp(8px,1.8vw,14px);border-radius:clamp(8px,1.4vw,12px);backdrop-filter:saturate(120%) blur(6px);transition:transform 180ms cubic-bezier(.2,.8,.2,1),background 180ms,border-color 180ms}.article-header-meta-item:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--color-background-paper) 72%,var(--color-primary-dark) 8%);border-color:rgba(142,121,255,0.28);color:var(--color-text-primary)}.article-header-date{--_dot:var(--color-secondary-main);position:relative;padding-left:clamp(10px,1.8vw,16px)}.article-header-date::before{content:"";position:absolute;left:clamp(6px,1vw,10px);top:50%;width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);transform:translateY(-50%);border-radius:clamp(8px,1.4vw,12px);background:var(--_dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--_dot) 30%,transparent 70%)}.article-header-author{--_dot:var(--color-primary-main)}.article-header-reading-time{--_dot:var(--color-accent-main)}.article-header-author>span[aria-hidden="true"],.article-header-reading-time>span[aria-hidden="true"]{color:rgba(182,188,199,0.6)}.article-header-categories{width:100%}.article-header-category-list{display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vw,12px);margin:0;padding:0;list-style:none}.article-header-category-item{margin:0}.article-header-category-tag{--_ring:rgba(182,188,199,0.18);--_bg:color-mix(in oklab,var(--color-background-paper) 86%,black 0%);display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);text-decoration:none;color:var(--color-text-primary);background:var(--_bg);border:1px solid var(--_ring);padding:clamp(6px,1.4vw,10px) clamp(10px,2.2vw,16px);border-radius:clamp(999px,6vw,999px);font-weight:500;font-size:clamp(0.85rem,1.1vw,0.95rem);position:relative;transition:transform 180ms cubic-bezier(.2,.8,.2,1),border-color 180ms,background 180ms,color 180ms,box-shadow 180ms}.article-header-category-tag::before{content:"";width:clamp(8px,1vw,10px);height:clamp(8px,1vw,10px);border-radius:clamp(999px,6vw,999px);background:var(--color-secondary-main);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-secondary-main) 30%,transparent 70%)}.article-header-category-tag:hover{transform:translateY(-1px);border-color:rgba(142,121,255,0.35);background:color-mix(in oklab,var(--color-background-paper) 70%,var(--color-primary-dark) 10%);box-shadow:0 10px 24px -12px rgba(0,0,0,0.5)}.article-header-media{margin:clamp(12px,3vw,24px) auto 0;max-width:1100px;border-radius:clamp(12px,2.2vw,22px);overflow:clip;position:relative;box-shadow:0 1px 0 rgba(182,188,199,0.08) inset,0 16px 40px -20px rgba(0,0,0,0.6);background:var(--color-background-paper)}.article-header-media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 100% 0%,rgba(255,46,110,0.08) 0%,rgba(14,15,20,0) 60%),radial-gradient(120% 60% at 0% 100%,rgba(0,194,168,0.08) 0%,rgba(14,15,20,0) 60%);pointer-events:none;mix-blend-mode:screen}.article-header-media img{display:block;width:100%;height:clamp(200px,42vw,520px);object-fit:cover;transform:scale(1.001);transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 180ms}.article-header-media:hover img{transform:scale(1.02);filter:saturate(1.05) contrast(1.02)}@media (max-width:480px){.article-header-container{max-width:92ch}.article-header-meta{display:grid;grid-template-columns:1fr}}@media (max-width:768px){.article-header-container{max-width:84ch}}@media (max-width:1024px){.article-header-container{max-width:70ch}}.article-toc{--_radius:clamp(10px,1.2vw,16px);--_gap:clamp(8px,1.4vw,18px);--_pad:clamp(12px,2.5vw,24px);--_shadow:0 8px 24px rgba(0,0,0,.24);--_border:1px solid rgba(255,255,255,.08);--_tone-1:rgba(142,121,255,.16);--_tone-2:rgba(0,194,168,.14);--_tone-3:rgba(255,46,110,.14);--_focus:0 0 0 3px rgba(110,77,255,.35);font-family:var(--font-body_font);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-background-paper),#11131a);border:var(--_border);border-radius:clamp(12px,1.6vw,20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),var(--_shadow);overflow:hidden}.article-toc-wrapper{display:grid;grid-template-rows:auto 1fr auto;gap:var(--_gap);padding:var(--_pad)}.article-toc-header{display:flex;align-items:center;justify-content:space-between}.article-toc-badge{font-family:var(--font-heading_font);font-weight:600;font-size:clamp(0.78rem,0.6rem + 0.6vw,0.95rem);letter-spacing:.02em;color:var(--color-primary-contrast);background:radial-gradient(120% 120% at 0% 0%,var(--_tone-2) 0%,transparent 60%) top left,radial-gradient(120% 120% at 100% 0%,var(--_tone-1) 0%,transparent 60%) top right,linear-gradient(180deg,var(--color-primary-dark),var(--color-primary-main));padding:clamp(6px,1vw,10px) clamp(10px,2vw,14px);border-radius:clamp(10px,2vw,16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px rgba(107,77,255,.28);text-transform:uppercase;display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px)}.article-toc-badge::before{content:"";inline-size:clamp(8px,1.2vw,12px);block-size:clamp(8px,1.2vw,12px);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--color-secondary-light),var(--color-secondary-main));box-shadow:0 0 0 3px rgba(0,194,168,.18),0 0 16px rgba(0,194,168,.35)}.article-toc-body{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-radius:clamp(10px,1.2vw,14px);padding:clamp(6px,1.2vw,12px);outline:1px dashed rgba(255,255,255,.06);outline-offset:-6px}.article-toc-body::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.04) 8px 9px,transparent 9px 100%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);mask:linear-gradient(#000,transparent 80%);opacity:.6}.article-toc-list{display:grid;gap:var(--_gap)}.article-toc-list [role="listitem"],.article-toc-list li{list-style:none}.article-toc-list a{--_ring:rgba(107,77,255,.35);--_ink:var(--color-text-primary);--_muted:var(--color-text-secondary);display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:clamp(8px,1.4vw,14px);text-decoration:none;color:var(--_ink);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),radial-gradient(120% 140% at 0% 0%,var(--_tone-1),transparent 60%);border:1px solid rgba(255,255,255,.08);border-radius:clamp(10px,1.2vw,14px);padding:clamp(8px,1.8vw,14px);transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s,background .18s,border-color .18s;position:relative;will-change:transform}.article-toc-list a::before{content:attr(data-level);font-family:var(--font-heading_font);font-weight:600;font-size:clamp(.65rem,.5rem + .4vw,.8rem);color:var(--color-secondary-light);background:linear-gradient(180deg,rgba(0,194,168,.18),rgba(0,194,168,.06));border:1px solid rgba(0,194,168,.35);border-radius:clamp(8px,1vw,12px);padding:clamp(2px,.6vw,6px) clamp(6px,1vw,8px);line-height:1;align-self:center}.article-toc-list a span{color:var(--_muted);font-size:clamp(.88rem,.82rem + .4vw,1rem);line-height:var(--font-font_sizes-line_height_body)}.article-toc-list a .toc-anchor{justify-self:end;font-size:clamp(.78rem,.6rem + .3vw,.9rem);color:var(--color-accent-light);opacity:.85}.article-toc-list a:hover{transform:translateY(-2px);border-color:rgba(107,77,255,.45);box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 3px var(--_ring) inset;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),radial-gradient(140% 160% at 100% 0%,var(--_tone-3),transparent 60%)}.article-toc-list a:active{transform:translateY(0);box-shadow:0 6px 16px rgba(0,0,0,.24),0 0 0 3px rgba(255,46,110,.25) inset}.article-toc-list a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--_focus),0 8px 24px rgba(0,0,0,.3)}.article-toc-list .is-current>a,.article-toc-list a[aria-current="true"]{border-color:rgba(0,194,168,.5);background:linear-gradient(180deg,rgba(0,194,168,.12),rgba(0,194,168,.04)),radial-gradient(120% 140% at 0% 0%,var(--_tone-2),transparent 60%)}.article-toc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(6px,1vw,10px)}.article-toc-hint{color:var(--color-text-secondary);font-size:clamp(.78rem,.68rem + .3vw,.9rem);letter-spacing:.02em}.article-toc::after{content:"";display:block;height:clamp(1px,.2vw,2px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin-top:clamp(10px,2vw,16px);border-radius:clamp(2px,.5vw,4px)}.article-toc .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));background-size:200% 100%;animation:toc-skel 1.2s ease-in-out infinite;border-radius:clamp(8px,1vw,12px);min-height:clamp(10px,1.6vw,14px)}@keyframes toc-skel{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:1024px){.article-toc-wrapper{grid-template-rows:auto 1fr auto}}@media (max-width:768px){.article-toc-list{display:grid}}@media (max-width:480px){.article-toc{position:relative}.article-toc-header{display:flex}}.article-content{--_maxw:72ch;--_radius:clamp(10px,1.5vw,16px);--_pad:clamp(16px,3vw,32px);--_gap:clamp(16px,2.5vw,28px);--_shadow:0 8px 24px rgba(0,0,0,.25);--_border:1px solid color-mix(in oklab,var(--color-text-secondary) 18%,transparent);--_accent:var(--color-primary-main);box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-primary);background:linear-gradient(180deg,color-mix(in oklab,var(--color-background-paper) 82%,transparent) 0%,var(--color-background-default) 100%);padding:clamp(20px,6vw,56px) 0}.article-content-body{margin-inline:auto;max-width:100%;background:radial-gradient(1200px 60% at 10% -10%,color-mix(in oklab,var(--color-primary-dark) 20%,transparent) 0%,transparent 55%) no-repeat,radial-gradient(900px 50% at 110% 0%,color-mix(in oklab,var(--color-secondary-dark) 18%,transparent) 0%,transparent 60%) no-repeat,var(--color-background-paper);border:var(--_border);border-radius:var(--_radius);padding:var(--_pad);box-shadow:var(--_shadow);outline:0;transition:box-shadow 180ms cubic-bezier(.2,.7,.2,1),transform 180ms cubic-bezier(.2,.7,.2,1)}.article-content-body:focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--_accent) 55%,transparent),var(--_shadow);transform:translateY(-1px)}.article-content-richtext{margin-inline:auto;max-width:var(--_maxw);font-family:var(--font-body_font);font-size:clamp(16px,0.9vw + 0.6rem,18px);line-height:var(--font-font_sizes-line_height_body);color:var(--color-text-primary)}.article-content-richtext>* + *{margin-top:var(--_gap)}.article-content-richtext h1,.article-content-richtext h2,.article-content-richtext h3,.article-content-richtext h4,.article-content-richtext h5,.article-content-richtext h6{font-family:var(--font-heading_font);line-height:var(--font-font_sizes-line_height_heading);color:var(--color-text-primary);letter-spacing:-.01em}.article-content-richtext h1{font-size:clamp(2rem,3.2vw,3rem)}.article-content-richtext h2{font-size:clamp(1.7rem,2.6vw,2.4rem)}.article-content-richtext h3{font-size:clamp(1.4rem,2vw,2rem)}.article-content-richtext h4{font-size:clamp(1.2rem,1.6vw,1.6rem)}.article-content-richtext h5{font-size:clamp(1.05rem,1.3vw,1.35rem)}.article-content-richtext h6{font-size:clamp(1rem,1.1vw,1.15rem)}.article-content-richtext p{color:var(--color-text-secondary)}.article-content-richtext a{color:var(--color-info);text-underline-offset:.18em;text-decoration-thickness:.08em;transition:color 160ms ease-out,text-decoration-color 160ms ease-out}.article-content-richtext a:hover{color:var(--color-primary-light);text-decoration-color:currentColor}.article-content-richtext strong,.article-content-richtext b{color:var(--color-text-primary);font-weight:600}.article-content-richtext em{font-style:italic}.article-content-richtext blockquote{position:relative;margin:0;padding:clamp(12px,2vw,18px) clamp(16px,2.5vw,24px);border-radius:clamp(10px,1.2vw,14px);border:1px dashed color-mix(in oklab,var(--color-primary-light) 45%,transparent);background:linear-gradient(135deg,color-mix(in oklab,var(--color-primary-dark) 16%,transparent),transparent) padding-box,linear-gradient(90deg,color-mix(in oklab,var(--color-primary-main) 65%,transparent),transparent) border-box;color:var(--color-text-primary)}.article-content-richtext blockquote p{color:var(--color-text-primary)}.article-content-richtext blockquote::before{content:"“";position:absolute;inset-inline-start:clamp(6px,1vw,10px);inset-block-start:clamp(-8px,-1.2vw,-4px);font-family:var(--font-heading_font);font-size:clamp(28px,4vw,48px);color:color-mix(in oklab,var(--color-primary-light) 70%,transparent)}.article-content-richtext code,.article-content-richtext pre,.article-content-richtext kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:color-mix(in oklab,var(--color-background-paper) 70%,transparent);color:var(--color-text-primary);border-radius:clamp(8px,1vw,12px);border:1px solid color-mix(in oklab,var(--color-secondary-light) 22%,transparent)}.article-content-richtext code,.article-content-richtext kbd{padding:clamp(2px,.4vw,4px) clamp(6px,.8vw,10px);font-size:clamp(.85rem,.9vw,.95rem)}.article-content-richtext pre{padding:clamp(14px,2.4vw,22px);overflow:auto}.article-content-richtext hr{border:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-text-disabled) 40%,transparent),transparent);margin-block:clamp(18px,3vw,36px)}.article-content-richtext ul,.article-content-richtext ol{padding-inline-start:clamp(18px,3vw,28px)}.article-content-richtext li + li{margin-top:clamp(6px,1vw,10px)}.article-content-richtext figure{margin:0;border-radius:var(--_radius);overflow:clip;background:var(--color-background-default);border:var(--_border)}.article-content-richtext figure>*{display:block}.article-content-richtext img,.article-content-richtext video{width:100%;height:auto;border-radius:clamp(10px,1.2vw,14px);transition:transform 180ms cubic-bezier(.2,.7,.2,1),box-shadow 180ms cubic-bezier(.2,.7,.2,1);will-change:transform}.article-content-richtext img:hover,.article-content-richtext video:hover{transform:scale(1.015);box-shadow:0 10px 24px rgba(0,0,0,.35)}.article-content-richtext figcaption{font-size:clamp(.82rem,.9vw,.95rem);color:var(--color-text-secondary);padding:clamp(8px,1.5vw,14px);border-top:1px solid color-mix(in oklab,var(--color-text-disabled) 26%,transparent)}.article-content-richtext table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:clamp(10px,1.2vw,14px);border:var(--_border);background:var(--color-background-default)}.article-content-richtext th,.article-content-richtext td{text-align:left;padding:clamp(10px,1.6vw,14px);border-bottom:1px solid color-mix(in oklab,var(--color-text-disabled) 20%,transparent)}.article-content-richtext thead th{position:sticky;top:0;background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary-dark) 24%,transparent),transparent);color:var(--color-text-primary)}.article-content-richtext mark{background:color-mix(in oklab,var(--color-accent-main) 28%,transparent);color:var(--color-accent-contrast);border-radius:clamp(6px,.8vw,10px);padding:clamp(2px,.4vw,4px) clamp(6px,.8vw,8px)}.article-content-richtext .tag,.article-content-richtext [data-tag]{display:inline-flex;align-items:center;gap:clamp(6px,.8vw,8px);padding:clamp(4px,.7vw,8px) clamp(8px,1vw,12px);border-radius:clamp(999px,4vw,999px);font-size:clamp(.78rem,.85vw,.9rem);line-height:1;color:var(--color-primary-contrast);background:linear-gradient(90deg,var(--color-primary-main),var(--color-secondary-main));border:1px solid color-mix(in oklab,var(--color-primary-light) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-secondary-light) 18%,transparent)}.article-content-richtext .badge{display:inline-flex;align-items:center;gap:clamp(6px,.8vw,8px);padding:clamp(2px,.5vw,6px) clamp(6px,.8vw,10px);border-radius:clamp(8px,1vw,12px);font-size:clamp(.72rem,.8vw,.85rem);color:var(--color-secondary-contrast);background:color-mix(in oklab,var(--color-secondary-dark) 28%,transparent);border:1px solid color-mix(in oklab,var(--color-secondary-light) 25%,transparent)}.article-content-richtext .status{display:inline-flex;align-items:center;gap:clamp(6px,.8vw,8px);padding:clamp(4px,.6vw,8px) clamp(8px,1vw,12px);border-radius:clamp(999px,4vw,999px);font-size:clamp(.72rem,.8vw,.85rem);border:1px solid;border-color:currentColor}.article-content-richtext .status[data-state="scoop"]{color:var(--color-accent-light)}.article-content-richtext .status[data-state="ongoing"]{color:var(--color-warning)}.article-content-richtext .status[data-state="confirmed"]{color:var(--color-success)}.article-content-richtext .status::before{content:"";width:clamp(6px,.8vw,8px);height:clamp(6px,.8vw,8px);border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in oklab,currentColor 22%,transparent)}.article-content-richtext .callout{display:grid;grid-template-columns:20px 1fr;gap:clamp(10px,1.4vw,14px);padding:clamp(12px,2vw,18px);border-radius:clamp(10px,1.2vw,14px);border:var(--_border);background:linear-gradient(180deg,color-mix(in oklab,var(--color-background-paper) 90%,transparent),transparent)}.article-content-richtext .callout::before{content:"";display:block;align-self:stretch;border-radius:999px;background:linear-gradient(180deg,var(--color-primary-main),var(--color-accent-main))}.article-content-richtext .alert{padding:clamp(12px,2vw,18px);border-radius:clamp(10px,1.2vw,14px);border:1px solid var(--color-warning);background:color-mix(in oklab,var(--color-warning) 10%,transparent);color:var(--color-text-primary)}.article-content-richtext .alert[data-variant="error"]{border-color:var(--color-error);background:color-mix(in oklab,var(--color-error) 10%,transparent)}.article-content-richtext .alert[data-variant="info"]{border-color:var(--color-info);background:color-mix(in oklab,var(--color-info) 10%,transparent)}.article-content-richtext .alert[data-variant="success"]{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 10%,transparent)}.article-content-richtext .skeleton{display:block;width:100%;height:clamp(10px,2.2vw,18px);border-radius:clamp(8px,1vw,12px);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-text-disabled) 14%,transparent),transparent);animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:1024px){.article-content-body{max-width:100%}}@media (max-width:768px){.article-content-body{max-width:100%}}@media (max-width:480px){.article-content-body{max-width:100%}}.article-author-box{--_ring:1px solid color-mix(in oklab,var(--color-primary-main) 50%,transparent);--_shadow:0 0.6rem 2rem color-mix(in oklab,var(--color-primary-dark) 20%,transparent);--_gap:clamp(0.75rem,2vw,1.25rem);color:var(--color-text-primary);background:linear-gradient(180deg,color-mix(in oklab,var(--color-background-paper) 86%,transparent) 0%,var(--color-background-paper) 100%);border:1px solid color-mix(in oklab,var(--color-primary-dark) 35%,var(--color-background-default));border-radius:clamp(12px,2.2vw,18px);padding:clamp(14px,3.2vw,24px);box-shadow:var(--_shadow);position:relative;isolation:isolate;overflow:hidden}.article-author-box::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:55%;background:radial-gradient(120px 120px at 15% 30%,color-mix(in oklab,var(--color-secondary-main) 20%,transparent),transparent 70%),radial-gradient(160px 160px at 85% 20%,color-mix(in oklab,var(--color-primary-main) 22%,transparent),transparent 72%);filter:blur(18px);opacity:0.7;pointer-events:none;z-index:-1}.article-author-box-header{display:flex;align-items:center;justify-content:space-between}.article-author-box-label{font-family:var(--font-body_font);font-size:clamp(0.8rem,1vw,0.95rem);line-height:var(--font-font_sizes-line_height_body);color:var(--color-secondary-light);letter-spacing:0.08em;text-transform:uppercase;background:color-mix(in oklab,var(--color-secondary-dark) 18%,transparent);border:1px solid color-mix(in oklab,var(--color-secondary-main) 50%,transparent);border-radius:clamp(8px,1.6vw,12px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);display:inline-flex;align-items:center;gap:0.5ch}.article-author-box-card{display:grid;align-items:center;gap:var(--_gap);grid-template-columns:auto 1fr;margin-top:clamp(10px,2.4vw,16px);border-radius:clamp(10px,2vw,14px);border:var(--_ring);background:linear-gradient(180deg,color-mix(in oklab,var(--color-background-paper) 92%,transparent),transparent),linear-gradient(135deg,color-mix(in oklab,var(--color-primary-dark) 12%,transparent),transparent 60%);padding:clamp(12px,3vw,18px);position:relative}.article-author-box-card::after{content:"✔ Confirmé";position:absolute;top:clamp(8px,2vw,12px);right:clamp(8px,2vw,12px);font-family:var(--font-body_font);font-size:clamp(0.65rem,1.3vw,0.8rem);color:var(--color-primary-contrast);background:linear-gradient(90deg,var(--color-primary-main),var(--color-secondary-main));border-radius:clamp(10px,2vw,14px);padding:clamp(3px,0.9vw,5px) clamp(8px,1.6vw,10px);letter-spacing:0.02em;box-shadow:0 6px 18px color-mix(in oklab,var(--color-primary-main) 30%,transparent)}.article-author-box-media{display:grid;place-items:center}.article-author-box-figure{margin:0;position:relative}.article-author-box-figure::before{content:"";position:absolute;inset:-6%;border-radius:clamp(14px,2.6vw,20px);background:conic-gradient(from 220deg,var(--color-primary-main),var(--color-secondary-main),var(--color-accent-main),var(--color-primary-main));filter:blur(10px);opacity:0.35;z-index:-1}.article-author-box-avatar{width:clamp(56px,12vw,88px);height:clamp(56px,12vw,88px);object-fit:cover;border-radius:clamp(12px,2.2vw,16px);border:1px solid color-mix(in oklab,var(--color-primary-light) 40%,transparent);box-shadow:0 10px 24px color-mix(in oklab,var(--color-primary-dark) 25%,transparent);transform:translateZ(0);transition:transform 180ms cubic-bezier(.2,.7,.2,1),box-shadow 180ms cubic-bezier(.2,.7,.2,1)}.article-author-box-card:hover .article-author-box-avatar{transform:scale(1.03);box-shadow:0 14px 32px color-mix(in oklab,var(--color-primary-dark) 30%,transparent)}.article-author-box-content{display:grid;gap:clamp(4px,1.2vw,8px);align-content:center}.article-author-box-name{font-family:var(--font-heading_font);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:var(--font-font_sizes-line_height_heading);color:var(--color-text-primary);margin:0;letter-spacing:-0.01em;text-wrap:balance}.article-author-box-bio{font-family:var(--font-body_font);font-weight:400;font-size:clamp(0.92rem,1.6vw,1.02rem);line-height:var(--font-font_sizes-line_height_body);color:var(--color-text-secondary);margin:0;text-wrap:pretty}.article-author-box-card:focus-within,.article-author-box-card:hover{border-color:color-mix(in oklab,var(--color-secondary-main) 60%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--color-background-paper) 88%,transparent),transparent),linear-gradient(135deg,color-mix(in oklab,var(--color-secondary-dark) 16%,transparent),transparent 60%)}@media (max-width:1024px){.article-author-box-card{grid-template-columns:auto 1fr}}@media (max-width:768px){.article-author-box-card{grid-template-columns:auto 1fr}}@media (max-width:480px){.article-author-box-card{grid-template-columns:1fr}.article-author-box-media{justify-content:start}}#article-related-articles{--_gap:clamp(0.75rem,1vw + 0.25rem,1.25rem);--_radius:clamp(10px,1vw + 6px,16px);--_shadow:0 8px 24px rgba(0,0,0,0.28);--_border:1px solid rgba(255,255,255,0.08);--_fade:200ms cubic-bezier(.2,.7,.2,1);color:var(--color-text-primary);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0));padding:clamp(1rem,2vw + 0.25rem,2rem)}.article-related-articles-section{max-width:100%}.article-related-articles-header{display:flex;align-items:center;justify-content:space-between;gap:var(--_gap);margin-bottom:clamp(0.75rem,1.2vw + 0.2rem,1.5rem)}.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(1.25rem,1.2rem + 1vw,var(--font-font_sizes-h2));letter-spacing:0.2px;color:var(--color-text-primary);display:inline-flex;align-items:center;gap:clamp(0.4rem,0.5vw,0.75rem);position:relative;padding-left:clamp(0.5rem,0.6vw,0.75rem)}.article-related-articles-title::before{content:"";inline-size:clamp(6px,0.6vw + 4px,10px);block-size:clamp(1.1em,1em + 0.2vw,1.2em);border-radius:clamp(6px,1vw,12px);background:linear-gradient(135deg,var(--color-primary-main),var(--color-secondary-main));box-shadow:0 0 0 4px rgba(107,77,255,0.12),0 4px 14px rgba(0,194,168,0.25)}.article-related-articles-list{display:grid;gap:var(--_gap);grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;margin:0;padding:0}.article-related-articles-item{grid-column:span 12}@media (min-width:480px){.article-related-articles-list{grid-template-columns:repeat(12,minmax(0,1fr))}.article-related-articles-item{grid-column:span 6}}@media (min-width:768px){.article-related-articles-item{grid-column:span 4}}@media (min-width:1024px){.article-related-articles-item{grid-column:span 3}}.article-related-articles-card{position:relative;background:linear-gradient(180deg,rgba(24,26,34,0.96),rgba(24,26,34,0.92));border:var(--_border);border-radius:var(--_radius);overflow:clip;transition:transform var(--_fade),box-shadow var(--_fade),border-color var(--_fade);box-shadow:0 1px 0 rgba(255,255,255,0.04) inset;isolation:isolate}.article-related-articles-link{display:grid;grid-template-rows:auto auto 1fr auto;text-decoration:none;color:inherit;gap:clamp(0.6rem,0.8vw,1rem);padding:clamp(0.75rem,1.2vw + 0.25rem,1.25rem)}.article-related-articles-media{margin:0;aspect-ratio:4/3;border-radius:clamp(8px,0.8vw + 6px,14px);overflow:hidden;position:relative;background:color-mix(in oklab,var(--color-background-paper) 90%,var(--color-primary-main))}.article-related-articles-media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--_fade),filter var(--_fade);display:block}.article-related-articles-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 0% 0%,rgba(107,77,255,0.18),transparent 55%),radial-gradient(120% 60% at 100% 0%,rgba(0,194,168,0.18),transparent 55%);mix-blend-mode:screen;opacity:0.55}.article-related-articles-meta{display:flex;align-items:center;gap:clamp(0.4rem,0.5vw,0.6rem)}.article-related-articles-date{font-family:var(--font-body_font);font-size:clamp(0.78rem,0.72rem + 0.3vw,var(--font-font_sizes-small));color:var(--color-text-secondary);padding:clamp(0.15rem,0.2vw,0.3rem) clamp(0.4rem,0.6vw,0.5rem);border-radius:clamp(6px,0.6vw + 4px,10px);background:rgba(142,121,255,0.12);border:1px solid rgba(142,121,255,0.3)}.article-related-articles-heading{font-family:var(--font-heading_font);font-weight:600;line-height:var(--font-font_sizes-line_height_heading);font-size:clamp(1.05rem,0.95rem + 0.7vw,var(--font-font_sizes-h4));color:var(--color-text-primary);margin:0}.article-related-articles-excerpt{font-family:var(--font-body_font);font-size:clamp(0.92rem,0.85rem + 0.3vw,var(--font-font_sizes-base));line-height:var(--font-font_sizes-line_height_body);color:var(--color-text-secondary);margin:0}.article-related-articles-card:hover{transform:translateY(-2px);box-shadow:var(--_shadow);border-color:rgba(142,121,255,0.35)}.article-related-articles-card:active{transform:translateY(0)}.article-related-articles-card:hover .article-related-articles-media img{transform:scale(1.035);filter:saturate(1.05)}.article-related-articles-card:focus-within{outline:2px solid color-mix(in oklab,var(--color-primary-main) 60%,white);outline-offset:2px}.article-related-articles-link:focus-visible{outline:none}.article-related-articles-link::before{content:"Confirmé";position:absolute;top:clamp(0.6rem,1vw,1rem);right:clamp(0.6rem,1vw,1rem);font-family:var(--font-body_font);font-weight:600;font-size:clamp(0.65rem,0.6rem + 0.25vw,0.8rem);color:var(--color-primary-contrast);background:linear-gradient(135deg,var(--color-secondary-main),var(--color-primary-main));padding:clamp(0.25rem,0.25vw + 0.2rem,0.4rem) clamp(0.45rem,0.6vw,0.6rem);border-radius:clamp(8px,0.7vw + 4px,12px);border:1px solid rgba(255,255,255,0.16);box-shadow:0 6px 18px rgba(0,0,0,0.35);letter-spacing:0.3px}.article-related-articles-card:hover .article-related-articles-link::before{background:linear-gradient(135deg,var(--color-accent-main),var(--color-primary-dark))}.article-related-articles-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(107,77,255,0.35),rgba(0,194,168,0.2));-webkit-box-sizing:border-box;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0.5;transition:opacity var(--_fade)}.article-related-articles-card:hover::before{opacity:0.85}.article-comments-section{--_radius:clamp(10px,2vw,16px);--_gap:clamp(12px,2.5vw,24px);--_pad:clamp(14px,3vw,28px);--_shadow:0 10px 30px rgba(0,0,0,.35);--_border:1px solid rgba(255,255,255,.08);--_title-size:clamp(1.2rem,1.2rem + 1vw,var(--font-font_sizes-h2));--_subtitle-size:clamp(1.05rem,1rem + .6vw,var(--font-font_sizes-h4));box-sizing:border-box;background-color:var(--color-background-paper);background-image:url('/media/web/degrade-charbon-a-minuit-avec-micro-grille-diagonale-cyan-et-violette_d40cf645.jpg');background-size:cover;background-repeat:no-repeat;color:var(--color-text-primary);border-radius:var(--_radius);border:var(--_border);padding:clamp(14px,3.5vw,36px);box-shadow:var(--_shadow);font-family:var(--font-body_font);line-height:var(--font-font_sizes-line_height_body);position:relative;isolation:isolate}.article-comments-section::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 0% 0%,rgba(107,77,255,.12) 0%,transparent 50%),radial-gradient(120% 80% at 100% 100%,rgba(0,194,168,.10) 0%,transparent 55%);pointer-events:none;mix-blend-mode:overlay}.article-comments-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--_gap);padding:clamp(6px,1.5vw,12px) 0;border-bottom:1px solid rgba(255,255,255,.08)}.article-comments-section-title{font-family:var(--font-heading_font);font-weight:700;font-size:var(--_title-size);line-height:var(--font-font_sizes-line_height_heading);letter-spacing:.2px;display:flex;align-items:center;gap:clamp(6px,1.2vw,12px);margin:0}.article-comments-section-title::before{content:"#";display:inline-block;color:var(--color-secondary-light);background:linear-gradient(135deg,var(--color-secondary-main),var(--color-primary-light));color:var(--color-primary-contrast);padding:clamp(2px,.6vw,6px) clamp(6px,1vw,10px);border-radius:clamp(8px,2vw,12px);font-weight:600;font-size:clamp(.8rem,.7rem + .3vw,.95rem)}.article-comments-section-body{display:block;margin-top:clamp(10px,2.5vw,22px)}.article-comments-section-form{display:block;background:linear-gradient(180deg,rgba(24,26,34,.7),rgba(24,26,34,.5));border:1px solid rgba(255,255,255,.06);border-radius:var(--_radius);padding:var(--_pad);backdrop-filter:saturate(120%) blur(6px)}.article-comments-section-form-title{font-family:var(--font-heading_font);font-weight:600;font-size:var(--_subtitle-size);line-height:var(--font-font_sizes-line_height_heading);margin:0 0 clamp(8px,1.8vw,16px);color:var(--color-text-secondary);display:flex;align-items:center;gap:clamp(6px,1.2vw,10px)}.article-comments-section-form-title::after{content:"• fiable";color:var(--color-secondary-light);background:rgba(0,194,168,.12);border:1px solid rgba(0,194,168,.35);padding:clamp(2px,.6vw,6px) clamp(8px,1vw,10px);border-radius:clamp(8px,2vw,12px);font-size:clamp(.72rem,.65rem + .25vw,.9rem);font-weight:500}.article-comments-section-form-element{display:grid;grid-template-columns:1fr;gap:var(--_gap)}.article-comments-section-actions{display:flex;justify-content:flex-end;gap:var(--_gap)}.article-comments-section-submit{--_btn-pad:clamp(10px,2.4vw,14px);--_btn-rad:clamp(10px,2.2vw,14px);--_btn-fs:clamp(.92rem,.86rem + .3vw,1.05rem);appearance:none;border:none;border-radius:var(--_btn-rad);padding:calc(var(--_btn-pad) - 2px) clamp(16px,4.2vw,28px);font-size:var(--_btn-fs);font-weight:600;letter-spacing:.2px;line-height:1;cursor:pointer;color:var(--color-primary-contrast);background:linear-gradient(135deg,var(--color-primary-main),var(--color-accent-main));box-shadow:0 8px 18px rgba(107,77,255,.28),inset 0 -2px 0 rgba(0,0,0,.25);transform:translateZ(0);transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,filter .18s ease}.article-comments-section-submit:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.article-comments-section-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(107,77,255,.35),inset 0 -2px 0 rgba(0,0,0,.25);filter:saturate(1.05)}.article-comments-section-submit:active{transform:translateY(0);box-shadow:0 6px 14px rgba(107,77,255,.25),inset 0 -1px 0 rgba(0,0,0,.35)}.article-comments-section-submit:disabled{background:linear-gradient(135deg,var(--color-text-disabled),var(--color-text-secondary));cursor:not-allowed;opacity:.7}@media (max-width:480px){.article-comments-section-header{flex-direction:column;align-items:flex-start}.article-comments-section-actions{justify-content:stretch}.article-comments-section-submit{width:100%}}@media (min-width:768px){.article-comments-section-form-element{grid-template-columns:1fr auto}.article-comments-section-actions{justify-content:flex-end}}@media (min-width:1024px){.article-comments-section{max-width:clamp(720px,70vw,980px);margin:0 auto}.article-comments-section-form-element{grid-template-columns:1fr auto}}