.guide-hero{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) clamp(2rem,1.5rem + 2vw,3rem)}.guide-hero .container{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}.crumbs{gap:var(--space-2);margin:0 0 var(--space-5);font-size:var(--fs-small);color:var(--color-text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-border-strong)}.crumbs a{font-weight:400}.guide-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.guide-hero h1{text-wrap:balance;margin-bottom:var(--space-4);font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);font-weight:600;line-height:1.08}.guide-hero h1 em{color:var(--color-accent);font-style:normal}.guide-hero__lead{font-size:var(--fs-lead);color:var(--color-text-muted);max-width:40rem;line-height:1.6}.guide-hero__lead strong{color:var(--color-text);font-weight:500}.outcomes{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.outcomes h2{font-size:var(--fs-h3);margin-bottom:var(--space-4)}.outcomes ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.outcomes li{gap:var(--space-3);grid-template-columns:20px 1fr;align-items:start;display:grid}.outcomes svg{width:20px;height:20px;color:var(--color-link);margin-top:3px}@media (width<=980px){.guide-hero .container{grid-template-columns:1fr}}.guide-body .container{padding-block:var(--space-6) var(--space-9);grid-template-columns:274px minmax(0,1fr);align-items:start;gap:56px;display:grid}.toc{max-height:calc(100vh - 6rem);font-size:var(--fs-small);padding-left:6px;position:sticky;top:5rem;overflow:auto}.toc .eyebrow{font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px}.toc__title{margin-bottom:20px;font-size:1.5rem}.toc ol{--guide-dot:10px;--guide-dot-gap:6px;border-left:1px solid var(--color-border);margin:0;padding:0;list-style:none;position:relative}.toc ol:before,.toc ol:after{content:"";pointer-events:none;opacity:0;position:absolute}.toc ol:before{width:2px;height:max(0px, calc(var(--guide-dot-y,0px) - var(--guide-dot) / 2 - var(--guide-dot-gap)));background:var(--color-heading);top:0;left:-1px}.toc ol:after{left:calc(var(--guide-dot) / -2 - .5px);width:var(--guide-dot);height:var(--guide-dot);background:var(--color-heading);transform:translateY(calc(var(--guide-dot-y,0px) - var(--guide-dot) / 2));border-radius:50%;top:0}.toc ol.is-tracked:before,.toc ol.is-tracked:after{opacity:1}.toc ol.is-animated:before{transition:height .22s ease-in-out}.toc ol.is-animated:after{transition:transform .22s ease-in-out}.toc a{gap:var(--space-2);min-height:36px;padding:.25rem var(--space-3) .25rem 1.125rem;color:var(--color-text-muted);align-items:center;font-weight:400;text-decoration:none;transition:color .2s ease-in-out;display:flex}.toc__n{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);min-width:1.1em;transition:color .2s ease-in-out}.toc a:hover{color:var(--color-link)}.toc a[aria-current=location],.toc a[aria-current=location] .toc__n{color:var(--color-heading)}@media (prefers-reduced-motion:reduce){.toc a,.toc__n,.toc ol.is-animated:before,.toc ol.is-animated:after{transition:none}}@media (width<=1050px){.guide-body .container{grid-template-columns:240px minmax(0,1fr);gap:36px}}@media (width<=980px){.guide-body .container{grid-template-columns:1fr}.toc{max-height:none;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);position:static}}.guide-article{min-width:0}.guide-article section{scroll-margin-top:5rem}.guide-article section+section{margin-top:clamp(3rem,2rem + 3vw,4.5rem)}.guide-article h2{gap:var(--space-3);margin-bottom:var(--space-4);align-items:center;display:flex}.guide-article h2 .num{font:500 var(--fs-label)/1 var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-link);flex:none;padding:.35rem .5rem}.guide-article h3{margin:var(--space-6) 0 var(--space-3)}.guide-article p{margin-bottom:var(--space-4)}.guide-article p:last-child{margin-bottom:0}.guide-article ul,.guide-article ol{margin:0 0 var(--space-4);padding-left:var(--space-5);gap:var(--space-2);display:grid}.guide-article li::marker{color:var(--color-link)}.guide-article strong{color:var(--color-heading);font-weight:600}.guide-article em{font-style:normal}.guide-article code{font-family:var(--font-mono);font-size:.9em}.guide-article>section>.lead{font-size:var(--fs-lead);color:var(--color-text-muted)}.callout{gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:24px 1fr;display:grid}.callout svg{width:24px;height:24px;color:var(--color-link);margin-top:2px}.callout>div>:last-child{margin-bottom:0}.callout .label{margin-bottom:var(--space-1);display:block}.callout--warn{border-left-color:var(--color-error)}.callout--warn svg{color:var(--color-error)}.versus{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.versus>div{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, gray 16%, var(--color-bg))}.versus>div:first-child .label{color:var(--color-text-muted)}.versus>div+div{border:2px solid var(--color-accent);background:var(--color-accent-soft)}.versus .label{margin-bottom:var(--space-3);display:block}.versus p{margin:0}@media (width<=640px){.versus{grid-template-columns:1fr}}.pillars{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.pillars li{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.pillars li.is-key{border:2px solid var(--color-accent);background:var(--color-accent-soft)}.pillars strong{font:500 1.25rem/1.2 var(--font-display);color:var(--color-heading);margin-bottom:var(--space-1);display:block}.pillars span{font-size:var(--fs-small);color:var(--color-text-muted)}@media (width<=640px){.pillars{grid-template-columns:1fr}}.bricks{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.bricks li{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-content:start;display:grid}.bricks .label{color:var(--color-link)}.bricks strong{font:500 1.125rem/1.25 var(--font-display)}.bricks span:last-child{font-size:var(--fs-small);color:var(--color-text-muted)}@media (width<=640px){.bricks{grid-template-columns:1fr}}.diagnostic{margin:var(--space-5) 0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.diagnostic ul{margin:var(--space-3) 0 var(--space-4);padding:0;list-style:none}.diagnostic li{gap:var(--space-3);grid-template-columns:1.25rem 1fr;align-items:start;display:grid}.diagnostic li:before{content:"";border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);width:1.25rem;height:1.25rem;margin-top:.2rem}.diagnostic p:last-child{margin:0}.steps{counter-reset:step;list-style:none;margin:var(--space-5) 0!important;gap:var(--space-5)!important;padding:0!important}.steps>li{counter-increment:step;padding-left:2.75rem;position:relative}.steps>li:before{content:counter(step);left:0;top:calc((var(--fs-h3) * 1.25 - 1.75rem) / 2);box-sizing:border-box;border:1px solid var(--color-heading);width:1.75rem;height:1.75rem;color:var(--color-heading);font:500 .8125rem/1 var(--font-mono);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute}.steps>li>strong{min-height:1.75rem;font:500 var(--fs-h3)/1.25 var(--font-display);margin-bottom:var(--space-2);align-items:center;display:flex}.prompt{margin:var(--space-4) 0;border:1px solid var(--color-border);background:var(--brand-night);color:var(--brume-100);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.prompt__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);border-bottom:1px solid var(--nuit-line);background:#000828;display:flex}.prompt__label{align-items:center;gap:var(--space-2);font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--etincelle-300);display:inline-flex}.prompt__label svg{width:18px;height:18px}.prompt__copy{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);font:500 var(--fs-small)/1 var(--font-body);color:var(--brume-100);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:inline-flex}.prompt__copy[hidden]{display:none}.prompt__copy:hover{background:var(--nuit-3);border-color:var(--nuit-line-strong)}.prompt__copy svg{width:18px;height:18px}.prompt__icon-done{color:var(--succes-sombre);display:none}.prompt.is-copied .prompt__icon-copy{display:none}.prompt.is-copied .prompt__icon-done{display:block}.prompt pre{padding:var(--space-4);font:400 .9375rem/1.65 var(--font-mono);color:var(--brume-100);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow-x:auto}.prompt code{-webkit-user-select:all;user-select:all}.prompt__var{border-radius:var(--radius-sm);color:var(--etincelle-300);background:#f985102e;padding:.05em .3em}.timeline strong{font:500 1.1875rem/1.25 var(--font-display);color:var(--color-heading)}.kind{margin-top:var(--space-2);font:500 .6875rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);justify-self:start;padding:.3rem .5rem}.kind--know{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.kind--act{background:var(--color-accent-soft);color:var(--color-link)}.guide-article .timeline{gap:var(--space-3) 0;margin:var(--space-6) 0;padding:0}.timeline{--tag:10rem;--axis:3rem;--dot:.75rem;--axis-x:calc(var(--tag) + var(--axis) / 2);grid-template-columns:var(--tag) var(--axis) fit-content(100%);grid-auto-rows:auto;list-style:none;display:grid;position:relative}.timeline:before{content:"";top:0;bottom:0;left:var(--axis-x);background:var(--color-border-strong);width:2px;margin-left:-1px;position:absolute}.timeline__phase{z-index:1;margin:0 0 0 var(--axis-x);grid-area:auto/1/auto/-1;justify-items:start;display:grid;position:relative}@media (width<=900px){.timeline{--unit:1.75rem}}.timeline__pill{border-radius:var(--radius-pill);box-shadow:0 0 0 6px var(--color-bg);margin:0;padding:.45rem .85rem;font-size:.75rem;transform:translate(-50%)}.timeline__pill.kind--know{background:var(--color-bg);border:2px solid var(--color-heading);color:var(--color-heading)}.timeline__pill.kind--act{background:var(--color-accent);color:var(--color-on-accent)}.timeline__step{grid-area:auto/1/auto/-1;grid-template-columns:subgrid;display:grid;position:relative}.timeline__step a{grid-column:1/-1;grid-template-columns:subgrid;color:var(--color-text);grid-template-areas:"n.b";align-items:start;text-decoration:none;display:grid}.timeline__step a:hover strong,.timeline__step a:focus-visible strong{color:var(--color-link);text-underline-offset:.2em;text-decoration:underline}.timeline__body{z-index:1;justify-self:stretch;gap:var(--space-1);max-width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);grid-area:b;align-content:start;display:grid;position:relative}.timeline__step a:hover .timeline__body{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.timeline__t{text-align:right;min-width:calc(2ch + .16em);display:inline-block}.timeline__n{z-index:1;box-sizing:border-box;width:var(--tag);margin-top:calc(var(--space-3) - 7px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;white-space:nowrap;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-link);grid-area:n;justify-self:start;padding:.55rem .8rem;position:relative}.timeline__step:before{content:"";top:calc(var(--space-3) + 13px - var(--dot) / 2);left:calc(var(--axis-x) - var(--dot) / 2);width:var(--dot);height:var(--dot);background:var(--color-accent);box-shadow:0 0 0 4px var(--color-bg);z-index:1;border-radius:50%;position:absolute}.timeline__step:after{content:"";left:var(--axis-x);width:calc(var(--axis) / 2);top:calc(var(--space-3) + 13px - 1px);background:var(--color-border-strong);z-index:0;height:2px;position:absolute}.overview__goal{margin-top:var(--space-1);font-size:var(--fs-small);color:var(--color-text-muted)}@media (width<=700px){.timeline{--axis:2.25rem;--axis-x:.5rem;grid-template-columns:var(--axis) minmax(0,1fr)}.guide-article .timeline{row-gap:var(--space-4)}.timeline:before{left:.5rem}.timeline__phase{grid-column:1/-1;justify-items:start;margin-left:calc(.5rem - 1px)}.timeline__pill{transform:none}.timeline__step{grid-column:2;display:block}.timeline__step a{row-gap:var(--space-2);grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"n""b"}.timeline__n{text-align:left;justify-self:start;width:auto;margin-top:0}.timeline__step:after{display:none}.timeline__step:before{left:calc(-1 * var(--axis) + .5rem - var(--dot) / 2 + 1px);top:calc(.8rem - var(--dot) / 2)}}.guide-article h2 .num{white-space:nowrap}.step-goal{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-alt);flex-wrap:wrap;display:flex;margin:0 0 var(--space-4)!important}.step-goal .label{flex:none}.plan{list-style:none;display:grid;margin:var(--space-5) 0!important;gap:var(--space-3)!important;padding:0!important}.plan>li{gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.plan__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan__head strong{font:500 1.1875rem/1.25 var(--font-display);flex:12rem}.plan__n{box-sizing:border-box;border:1px solid var(--color-heading);width:1.75rem;height:1.75rem;color:var(--color-heading);font:500 .8125rem/1 var(--font-mono);background:0 0;border-radius:50%;place-items:center;display:grid}.plan p{gap:var(--space-3);grid-template-columns:5.5rem 1fr;align-items:baseline;display:grid;margin:0!important}.plan__link{font-size:var(--fs-small);justify-self:start}@media (width<=520px){.plan p{grid-template-columns:1fr;gap:0}}.part{align-items:center;gap:var(--space-3);margin:clamp(3rem, 2rem + 3vw, 4.5rem) 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-heading);display:flex}.part h2{font-size:var(--fs-h3);margin:0}.toc__part{margin:var(--space-3) 0 var(--space-1) 1.125rem;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-link);counter-increment:none!important}.cases{margin:var(--space-5) 0}.cases summary{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) 0;cursor:pointer;font:500 1.1875rem/1.3 var(--font-display);color:var(--color-heading);border-radius:var(--radius-sm);list-style:none;display:flex}.cases summary:hover{color:var(--color-link)}.cases summary::-webkit-details-marker{display:none}.cases summary svg{width:20px;height:20px;color:var(--color-link);transition:transform var(--duration-base) var(--ease-out);flex:none;order:-1}.cases details[open] summary svg{transform:rotate(45deg)}.cases .prompt{margin:var(--space-1) 0 var(--space-4) calc(20px + var(--space-3))}.template-grid{gap:var(--space-4);margin:var(--space-5) 0;display:grid}.recap{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid var(--color-accent)}.recap ul{margin:0}.guide-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.guide-card{height:100%}.guide-card h2{font-size:var(--fs-h3)}.guide-card h2 a{color:inherit;text-decoration:none}.guide-card h2 a:after{content:"";position:absolute;inset:0}.guide-card{transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);position:relative}.guide-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.guide-card:focus-within{border-color:var(--color-border-strong)}.table-wrap{margin:var(--space-5) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:36rem;font-size:var(--fs-small)}.table-wrap th,.table-wrap td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.table-wrap th{font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface-alt)}.table-wrap tr:last-child td{border-bottom:0}.mnemo{margin:var(--space-5) 0 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid var(--color-accent);align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.mnemo__icon{width:28px;height:28px;color:var(--color-link);flex:none;align-self:center}.mnemo p{font:500 1.25rem/1.3 var(--font-display);color:var(--color-heading);margin:0}.part .kind,.step-goal .kind{margin-top:0}.step-goal{align-items:center}.step-goal span:not(.label){margin-right:0}.step-goal .label+span{line-height:1.4}.step-goal__time{margin-left:auto}.guide-article h2 .num{transform:translateY(1.5px)}.guide-article blockquote{margin:var(--space-5) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-alt);color:var(--color-heading);font-size:1.0625rem}
