.sy-groupes{display:grid;gap:var(--espace-bloc);max-width:1120px;margin:0 auto}.sy-groupe{display:grid;gap:10px;min-width:0;scroll-margin-top:calc(var(--entete-h, 64px) + 16px)}.sy-groupe>h2{margin:0;display:flex;gap:10px;align-items:center;font-size:clamp(20px,2.6vw,24px)}.sy-groupe>h2 svg{flex:none;color:var(--g1)}.sy-groupe>h2 small{font:600 14px var(--font-jakarta);color:var(--ink3)}.sy-groupe>p{margin:0 0 6px;max-width:760px;color:var(--ink2);line-height:1.55}.sy-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:clip;box-shadow:var(--shadow)}.sy-index>li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:10px 14px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line);transition:background .2s}.sy-index>li:hover{background:color-mix(in srgb,var(--g1) 6%,var(--surface))}.sy-index>li:only-child{grid-column:1/-1}.sy-texte{display:grid;gap:2px;min-width:0}.sy-lien{color:var(--ink);text-decoration:none;font:600 15px/1.3 var(--font-jakarta);overflow-wrap:anywhere}.sy-lien:after{content:"";position:absolute;inset:0;z-index:1}.sy-lien:focus-visible{outline:none}.sy-lien:focus-visible:after{outline:2px solid var(--g2);outline-offset:-3px}.sy-texte small{font-size:13px;line-height:1.4;color:var(--ink2)}.sy-fin{display:inline-flex;align-items:center;gap:6px;color:var(--ink3)}.sy-fin svg{transition:transform .25s,color .25s}.sy-index>li:hover .sy-fleche{color:var(--g1)}@media (prefers-reduced-motion:no-preference){.sy-index>li:hover .sy-fleche{transform:translateX(3px)}}.sy-picto{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:var(--g1);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--lav) 26%,var(--surface)),var(--surface) 75%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lav) 55%,transparent)}.sy-picto .sg-embleme.petit{width:40px;height:40px;margin:0}.sy-picto:has(.sg-embleme){background:none;box-shadow:none}.sy-initiale{font:700 17px/1 var(--font-jakarta);color:color-mix(in srgb,var(--g1) 70%,var(--ink))}@media (min-width:360px){.sy-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:360px) and (max-width:559.98px){.sy-index>li{grid-template-columns:minmax(0,1fr);gap:0;min-height:56px;padding:10px 30px 10px 12px}.sy-index>li>.sy-picto{position:absolute;top:10px;right:8px;width:20px;height:20px;background:none;box-shadow:none}.sy-index>li>.sy-picto svg{width:18px;height:18px}.sy-index>li>.sy-picto .sg-embleme.petit{width:20px;height:20px}.sy-index .sy-fleche{display:none}.sy-index .sy-fin:not(:has(:not(.sy-fleche))){display:none}.sy-index .sy-fin:has(>:not(.sy-fleche)){position:absolute;bottom:8px;right:8px}.sy-lien{font-size:14.5px}}@media (min-width:820px){.sy-index{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:28px}.sy-index>li{padding:12px 18px;min-height:64px}}@media (min-width:1100px){.sy-index.sy-quatre{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:359.98px){.sy-index>li{gap:10px;padding:10px 12px}.sy-index .sy-fleche{display:none}}.sy-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:clip;box-shadow:var(--shadow);counter-reset:sy-etape}.sy-etapes>li{display:grid;gap:6px;align-content:start;padding:18px 20px;counter-increment:sy-etape}.sy-etapes>li+li{border-top:1px solid var(--line)}.sy-etapes>li:before{content:counter(sy-etape);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:700 13px var(--font-jakarta);color:#fff;background:linear-gradient(135deg,var(--g1),#C0628E)}.sy-etapes b{font:650 16px/1.35 var(--font-jakarta);color:var(--ink)}.sy-etapes span{color:var(--ink2);line-height:1.6}@media (min-width:760px){.sy-etapes{grid-template-columns:repeat(var(--sy-etapes,3),minmax(0,1fr))}.sy-etapes>li{padding:22px 24px}.sy-etapes>li+li{border-top:0;border-left:1px solid var(--line)}}@media (min-width:820px){.sy-index.sy-deux{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:360px) and (max-width:819.98px){.sy-index.sy-notions>li:last-child:nth-child(odd){grid-column:1/-1}}.sy-notions{max-width:1120px;margin-inline:auto}