.diag-layout{--diag-form:46rem;--diag-tile-h:3.5rem;gap:var(--s-6)}.diag-intro,.diag-layout{display:grid;grid-template-columns:minmax(0,1fr)}.diag-intro{align-content:start;gap:var(--s-4)}.diag-intro__lede{max-width:var(--measure);color:var(--soft);font-size:var(--t-md);line-height:var(--lh-body)}.diag-intro__note{max-width:var(--measure);color:var(--mute);font-size:var(--t-sm);line-height:var(--lh-meta)}.diag{container:diag/inline-size;counter-reset:diag-done;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.q{container-type:inline-size;padding:var(--opad)}@media (max-width:39.99em){.q{padding:var(--cpad)}}.q:has(:checked){counter-increment:diag-done}.q__set{gap:var(--s-3);min-width:0;margin:0;border:0}.q__legend,.q__set{display:grid;grid-template-columns:minmax(0,1fr);padding:0}.q__legend{gap:var(--s-2);margin-bottom:var(--s-2)}.q__title{font-size:var(--t-lg);line-height:var(--lh-title);letter-spacing:var(--tr-title)}.q__hint{margin-top:calc(-1 * var(--s-2));color:var(--soft)}.q__hint,.q__num{font-size:var(--t-sm);line-height:var(--lh-meta)}.q__num{position:relative;z-index:0;display:inline-flex;align-items:center;gap:var(--s-2);color:var(--mute);font-variant-numeric:tabular-nums;font-weight:var(--w-bold)}.q__num:before{content:"";flex:none;border:var(--bw-node) dashed var(--line-3);background:var(--bg);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.q__num:before,.q__ping{width:var(--node-lg);height:var(--node-lg);border-radius:var(--r-node)}.q__ping{position:absolute;top:calc(50% - var(--node-lg) / 2);left:0;z-index:-1;background:var(--signal);opacity:0;pointer-events:none}.q:has(:checked) .q__ping{animation:ip-ping var(--dur-ping) var(--ease-out) 1}.q:has(:checked) .q__num{color:var(--soft)}.q:has(:checked) .q__num:before{border-style:solid;border-color:var(--soft);background:var(--soft) var(--icon-check) center /100% no-repeat}.q__options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.q__choice{min-height:var(--diag-tile-h);padding:var(--s-4)}.q__choice .choice__label{font-weight:var(--w-bold)}.q--compact .q__choice{align-items:center;padding-inline:var(--s-3)}.q--compact .q__choice input{margin-top:0}.q--compact .q__choice .choice__label{font-weight:var(--w-regular)}@container (min-width: 15rem){.q--compact .q__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 21rem){.q--compact .q__choice{column-gap:var(--s-2);padding-inline:var(--s-2)}}@container (min-width: 26rem){.q--n4 .q__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 34rem){.q--n5 .q__options,.q--n6 .q__options{grid-template-columns:repeat(2,minmax(0,1fr))}.q--n5 .q__choice:last-child{grid-column:1/-1}.q--compact .q__options{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 38rem){.q--n3 .q__options{grid-template-columns:repeat(3,minmax(0,1fr))}.q--n3 .q__choice{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:var(--s-3)}.q--n3 .q__choice input{margin-top:0}}.diag-bar{display:grid;grid-template-areas:"segs segs segs" "count hint action";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(var(--btn-h),auto);align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-2);padding:var(--s-3) var(--s-4);border:var(--bw) solid var(--line-2);border-radius:var(--r-panel);background:var(--bg)}.diag-bar__progress{display:contents}.diag-bar__segs{grid-area:segs;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-1)}.diag-bar__seg{border-top:var(--bw-seg) solid var(--line-2);border-radius:var(--r-seg);transition:border-color var(--dur) var(--ease)}.diag-bar__count{grid-area:count;color:var(--soft);font-size:var(--t-sm);font-variant-numeric:tabular-nums;font-weight:var(--w-bold);line-height:var(--lh-meta)}.diag-bar__count:before{content:counter(diag-done) "\a0/\a0" "6"}.diag-bar .btn{grid-area:action}.diag-bar__hint{grid-area:hint;color:var(--soft);font-size:var(--t-sm);line-height:var(--lh-meta)}.diag-bar__hint [data-when]{display:none}.diag-bar__next{align-items:center;min-height:var(--target);color:var(--fg);font-weight:var(--w-bold);text-decoration-line:underline;text-decoration-thickness:var(--bw);text-underline-offset:var(--underline-offset)}.diag-intro__one{display:none}.diag:has(#q-aisance :checked) .diag-bar__count{color:var(--fg)}.diag:has(#q-aisance :checked) .diag-bar__seg--aisance,.diag:has(#q-objectifs :checked) .diag-bar__seg--objectifs,.diag:has(#q-outils :checked) .diag-bar__seg--outils,.diag:has(#q-profil :checked) .diag-bar__seg--profil,.diag:has(#q-temps :checked) .diag-bar__seg--temps,.diag:has(#q-usage :checked) .diag-bar__seg--usage{border-top-color:var(--soft)}@container diag (min-width: 40rem){.diag-bar{grid-template-areas:"segs count hint action";grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:minmax(var(--btn-h),auto);column-gap:var(--s-4)}}@supports selector(:has(*)){.diag:not(:has(#q-objectifs :checked,#q-temps :checked,#q-aisance :checked)) #q-temps,.diag:not(:has(#q-outils :checked,#q-objectifs :checked,#q-temps :checked,#q-aisance :checked)) #q-objectifs,.diag:not(:has(#q-temps :checked,#q-aisance :checked)) #q-aisance,.diag:not(:has(#q-usage :checked,#q-outils :checked,#q-objectifs :checked,#q-temps :checked,#q-aisance :checked)) #q-outils,.diag:not(:has(:checked)) #q-usage{display:none}.diag:not(:has(#q-profil :checked):has(#q-usage :checked):has(#q-temps :checked):has(#q-aisance :checked)) .diag-bar .btn{display:none}.diag-intro__one{display:inline}.diag:has(#q-aisance :checked) .diag-bar__hint [data-when=done],.diag:not(:has(:checked)) .diag-bar__hint [data-when=start]{display:inline}.diag:has(#q-profil :checked):has(#q-usage :checked):has(#q-outils :checked):has(#q-objectifs :checked):has(#q-temps :checked):not(:has(#q-aisance :checked)) [data-next=aisance],.diag:has(#q-profil :checked):has(#q-usage :checked):has(#q-outils :checked):has(#q-objectifs :checked):not(:has(#q-temps :checked)) [data-next=temps],.diag:has(#q-profil :checked):has(#q-usage :checked):has(#q-outils :checked):not(:has(#q-objectifs :checked)) [data-next=objectifs],.diag:has(#q-profil :checked):has(#q-usage :checked):not(:has(#q-outils :checked)) [data-next=outils],.diag:has(#q-profil :checked):not(:has(#q-usage :checked)) [data-next=usage]{display:inline-flex}.q:has(input[type=radio]:checked) .q__choice:not(:has(:checked)) .choice__hint{display:none}.q:has(input[type=radio]:checked) .q__choice{min-height:var(--target);padding-block:var(--s-3)}#q-objectifs:has(input:not([value=aucun]):checked) .q__choice:has(input[value=aucun]):not(:has(:checked)){display:none}}@container diag (max-width: 39.99rem){.diag:has(#q-aisance :checked) .diag-bar__hint{display:none}}#q-aisance,#q-objectifs,#q-outils,#q-temps,#q-usage,.diag-bar .btn{animation:ip-rise var(--dur-open) var(--ease-out) both}.q__choice:has(:checked){animation:diag-pop .24s var(--ease-out)}@keyframes diag-pop{40%{transform:scale(1.02)}}@container diag (max-width: 19rem){.diag-bar .btn svg{display:none}}@media (min-height:30em){.diag-bar{position:sticky;bottom:max(var(--s-2),env(safe-area-inset-bottom));z-index:calc(var(--z-panel) + 1)}html:has(.diag-bar){scroll-padding-bottom:calc(var(--btn-h) + var(--s-6) + var(--s-5) + var(--s-4))}.q__choice input{scroll-margin-bottom:var(--s-8)}}@media (min-width:60em){.diag-layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--diag-form));column-gap:var(--gap-cols);align-items:start}.diag-intro{position:sticky;top:var(--sticky-top)}.diag{margin-top:var(--sechead-mt)}}.dres{--dres-max:60rem;gap:var(--s-7);max-width:var(--dres-max);margin-top:var(--sechead-mt)}.dres,.dres__level{display:grid;grid-template-columns:minmax(0,1fr)}.dres__level{gap:var(--s-5)}.dres__title{margin-top:0}.dres__kicker{display:block;margin-bottom:var(--s-2);letter-spacing:0;line-height:var(--lh-meta)}.dres__kicker,.dres__text{color:var(--soft);font-size:var(--t-md)}.dres__text{max-width:var(--measure);line-height:var(--lh-body)}.dres-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-1);max-width:var(--measure-head)}.dres-scale__step{display:grid;align-content:start;padding-top:var(--s-2);border-top:var(--bw-seg) solid var(--line-2);color:var(--mute);font-size:var(--t-sm);line-height:var(--lh-meta)}.dres-scale__step--past{border-top-color:var(--line-3);color:var(--soft)}.dres-scale__step--here{border-top-color:var(--fg);color:var(--fg);font-weight:var(--w-bold)}.dres-scale__label{min-width:0;overflow-wrap:break-word}@media (max-width:39.99em){.dres-scale{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s-3)}}.dres__block{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.dres__h2{font-size:var(--t-lg);line-height:var(--lh-title);letter-spacing:var(--tr-title)}.dres-recos{gap:var(--s-4)}.dres-reco,.dres-recos{display:grid;grid-template-columns:minmax(0,1fr)}.dres-reco{align-content:start;gap:var(--s-2);padding:var(--cpad)}.dres-reco__title{font-size:var(--t-md);line-height:var(--lh-title)}.dres-reco__text,.dres__lead{color:var(--soft)}.dres__lead{max-width:var(--measure);margin-top:calc(-1 * var(--s-2));line-height:var(--lh-body)}.dres-try{margin-top:var(--s-2);border-top:var(--bw) solid var(--line)}.dres-try summary{position:relative;display:flex;align-items:center;min-height:var(--target);padding:var(--s-2) 0 var(--s-2) var(--s-6);cursor:pointer;list-style:none;font-weight:var(--w-bold);line-height:var(--lh-meta);text-decoration-thickness:var(--bw);text-underline-offset:var(--underline-offset)}.dres-try summary::-webkit-details-marker{display:none}.dres-try summary:before{content:"";position:absolute;top:calc(50% - var(--node-md) / 2);left:0;width:var(--node-md);height:var(--node-md);border:var(--bw-node) solid var(--line-3);border-radius:var(--r-node);background:var(--surface);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.dres-try[open]>summary:before{border-color:var(--soft);background:var(--soft)}@media (hover:hover){.dres-try summary:hover{text-decoration-line:underline}}.dres-try summary:active{text-decoration-line:underline}.dres-try__text{margin-top:var(--s-1);padding:var(--s-3) var(--s-4);border:var(--bw) solid var(--line-2);border-radius:var(--r-panel);background:var(--surface-2);color:var(--fg);line-height:var(--lh-body);-webkit-user-select:all;user-select:all}.dres-try__note{margin-top:var(--s-2);color:var(--mute);font-size:var(--t-sm);line-height:var(--lh-meta)}.dres-try[open]>p{animation:ip-fade var(--dur-open) var(--ease-out)}@media (prefers-reduced-motion:no-preference){@supports (interpolate-size:allow-keywords){.dres-try{interpolate-size:allow-keywords}.dres-try::details-content{height:0;overflow:clip;transition:height var(--dur-open) var(--ease-out),content-visibility var(--dur-open) allow-discrete}.dres-try[open]::details-content{height:auto}}}.dres-formula{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);padding:var(--opad)}.dres-formula--lead{border-top:var(--bw-strong) solid var(--fg)}.dres-formula__main{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--s-3)}.dres-formula__title{font-size:var(--t-lg);line-height:var(--lh-title)}.dres-formula__text{max-width:var(--measure-intro);color:var(--soft)}.dres-next{gap:var(--s-5);padding:var(--xpad);background:var(--tint-cta),var(--surface);--mute:var(--soft)}.dres-next,.dres-next__copy{display:grid;grid-template-columns:minmax(0,1fr)}.dres-next__copy{gap:var(--s-3)}.dres-next__title{font-size:var(--t-xl)}.dres-next__copy>p{max-width:var(--measure-intro);color:var(--soft);font-size:var(--t-md);line-height:var(--lh-body)}.dres-next__actions{padding-top:0}.dres-next__note{color:var(--soft);font-size:var(--t-sm);line-height:var(--lh-meta)}.dres__recap{max-width:var(--measure-intro);gap:0}.dres__recap>p{padding-top:var(--s-3)}@media (max-width:37.4375em){.dres-next__actions{width:100%}.dres-next__actions .btn--signal{flex:1 1 100%}}@media (max-width:39.99em){.dres-next{padding-inline:var(--cta-px-sm)}.diag-intro__note,.dres-next__note,.dres-try__note,.q__hint{font-size:var(--t-base)}}@media (min-width:60em){.dres-recos{grid-template-columns:repeat(3,minmax(0,1fr))}.dres-formula{grid-template-columns:minmax(0,1.1fr) minmax(var(--sheet-min),1fr);gap:var(--gap-cols)}.dres-formula__action{grid-column:1}}@media (forced-colors:active){.diag-bar__seg,.dres-scale__step,.q__num:before{forced-color-adjust:none}.q__num:before{border-color:CanvasText;background:Canvas}.q__ping{display:none}.q:has(:checked) .q__num:before{background:CanvasText}.diag-bar__seg{border-top-color:GrayText}.diag:has(#q-aisance :checked) .diag-bar__seg--aisance,.diag:has(#q-objectifs :checked) .diag-bar__seg--objectifs,.diag:has(#q-outils :checked) .diag-bar__seg--outils,.diag:has(#q-profil :checked) .diag-bar__seg--profil,.diag:has(#q-temps :checked) .diag-bar__seg--temps,.diag:has(#q-usage :checked) .diag-bar__seg--usage{border-top-color:Highlight}.dres-scale__step{border-top-color:GrayText;color:CanvasText}.dres-scale__step--past{border-top-color:CanvasText}.dres-scale__step--here{border-top-color:Highlight}}