@font-face{font-family:"Montserrat";src:url(fonts/montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Caveat";src:url(fonts/caveat.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Great Vibes";src:url(fonts/greatvibes.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"OpenDyslexic";src:url(fonts/opendyslexic-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"OpenDyslexic";src:url(fonts/opendyslexic-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Open Sans";src:url(fonts/opensans.woff2) format("woff2");font-weight:300 800;font-display:swap}

:root{
  --night:#1a1022; --plum:#2b1838; --ink:#1a1022; --paper:#fbf7fb; --soft:#efe7f3;
  --pink:#f5a9b8; --blue:#5bcefa; --violet:#b58cff; --muted:#5d5068; --on-dark:#ddd2e6;
  --grad:linear-gradient(120deg,#f7b6c6 0%,#d9c2ee 50%,#8fd3f7 100%);
  --display:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --body:"Open Sans",system-ui,sans-serif;
  --pad:clamp(1.25rem,5vw,4rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7.5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;letter-spacing:-.01em;font-weight:800}
.wrap{max-width:74rem;margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10}
.skip:focus{left:1rem;top:1rem}

/* header */
.top{position:sticky;top:0;z-index:5;background:var(--night);color:var(--paper);border-bottom:1px solid rgba(255,255,255,.08)}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;min-height:3.75rem;flex-wrap:wrap;padding-top:.4rem;padding-bottom:.4rem}
.brand{font-family:var(--display);font-weight:700;text-decoration:none;font-size:1rem}
.top ul{display:flex;flex-wrap:wrap;gap:.25rem clamp(.8rem,2vw,1.6rem);list-style:none;margin:0;padding:0;font-size:.9375rem;align-items:center}
.top a{text-decoration:none}
.top nav a:hover{color:var(--pink)}
.nav-cta{background:var(--grad);color:var(--ink)!important;font-weight:700;padding:.3rem .8rem;border-radius:999px}

/* hero */
.hero{background:radial-gradient(120% 90% at 85% 0%,#3b1f52 0%,var(--night) 60%);color:var(--paper);padding-top:clamp(3.5rem,10vw,7.5rem);position:relative;overflow:hidden}
.hero__grid{display:grid;gap:2.5rem;align-items:end}
@media (min-width:60rem){.hero__grid{grid-template-columns:1.5fr 1fr;gap:3rem}}
.tag{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--pink);color:var(--pink);padding:.3rem .7rem;border-radius:999px;margin:0 0 1.5rem}
.hero h1{font-size:clamp(2.5rem,8.6vw,6.8rem);font-weight:800;line-height:.98;letter-spacing:-.025em}
.hero h1 span{color:var(--blue)}
.lede{font-size:clamp(1.125rem,2vw,1.3rem);max-width:34ch;margin:1.5rem 0 0;color:var(--on-dark)}
.hero__alert{display:grid;gap:.35rem;background:var(--grad);color:var(--ink);text-decoration:none;padding:1.5rem 1.6rem;border-radius:1.25rem;box-shadow:0 20px 50px -20px rgba(245,169,184,.55);transition:transform .2s}
.hero__alert:hover{transform:translateY(-3px)}
.hero__alert-kicker{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero__alert-title{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.1}
.hero__alert-mail{font-family:var(--display);font-weight:700;font-size:clamp(.95rem,1.45vw,1.1rem);background:var(--night);color:var(--paper);padding:.55rem .8rem;border-radius:.6rem;margin-top:.4rem;overflow-wrap:normal;word-break:normal}
.hero__alert-more{font-weight:700;font-size:.9375rem;margin-top:.2rem}
.rhin{display:block;width:100%;height:clamp(70px,9vw,120px);margin-top:clamp(3rem,7vw,5rem);margin-bottom:-2px}

/* blocks */
.block{padding:clamp(3.5rem,9vw,6.5rem) 0}
.block h2{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:700}
.intro{max-width:62ch;margin:1rem 0 2.5rem}
.intro--sm{font-size:.9375rem;margin-bottom:1.75rem}
.small{font-size:.9375rem}
.note{color:var(--muted);font-size:.9375rem;border-left:3px solid var(--pink);padding-left:1rem}
.block--night{background:var(--night);color:var(--paper)}
.block--plum{background:var(--plum);color:var(--paper)}
.block--night .intro,.block--plum .intro{color:var(--on-dark)}
.block--soft{background:var(--soft)}
.block--pink{background:var(--pink)}

/* appel */
.block--appel{background:var(--grad);padding-top:clamp(3rem,7vw,5rem)}
.kicker{display:inline-block;background:var(--night);color:var(--pink);font-weight:700;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px;margin:0 0 1.25rem}
.block--appel h2{max-width:22ch;font-size:clamp(1.9rem,4.4vw,3.2rem)}
.mailbox{background:var(--night);color:var(--paper);border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.75rem);margin:2.25rem 0 3rem;box-shadow:0 30px 60px -30px rgba(26,16,34,.6)}
.mailbox__label{margin:0 0 .5rem;color:var(--on-dark)}
.mailbox__addr{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.45rem,5vw,3.3rem);line-height:1.1;letter-spacing:-.02em;text-decoration:none;color:var(--paper);overflow-wrap:anywhere;background:linear-gradient(90deg,var(--pink),#e3c8f5,var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mailbox__addr:hover{text-decoration:underline;text-decoration-color:var(--pink)}
.mailbox__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem}
.copied{font-size:.9375rem;color:var(--blue);font-weight:700}
.appel__grid{display:grid;gap:2rem}
@media (min-width:62rem){.appel__grid{grid-template-columns:1fr 1fr 18rem;gap:2.5rem}}
.appel__col h3{font-size:1.3rem;font-weight:700;margin:0 0 .75rem}
.appel__col h3:not(:first-child){margin-top:1.75rem}
.appel__col p{margin:0}
.ticks{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}
.ticks li{padding-left:1.6rem;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:.8rem;height:.8rem;border-radius:50%;background:var(--night)}
.appel__img{margin:0}
.appel__img img{border-radius:1rem;box-shadow:0 20px 40px -20px rgba(26,16,34,.5);max-width:20rem;width:100%}

/* buttons */
.btn{display:inline-block;font:700 1rem var(--body);text-decoration:none;padding:.85rem 1.4rem;border-radius:999px;cursor:pointer;border:2px solid transparent;transition:background .2s,color .2s}
.btn--ink{background:var(--paper);color:var(--night)}
.block:not(.block--night):not(.block--plum) .btn--ink:not(.mailbox .btn){background:var(--night);color:var(--paper)}
.btn--ink:hover{background:var(--pink);color:var(--night)}
.btn--line{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.5)}
.btn--line:hover{border-color:var(--blue);color:var(--blue)}

/* engagements */
.goals{list-style:none;margin:0 0 4rem;padding:0;display:grid;gap:1.25rem;grid-template-columns:1fr;counter-reset:g}
@media (min-width:48rem){.goals{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.goals{grid-template-columns:repeat(3,1fr)}}
.goals li{counter-increment:g;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1.75rem 1.75rem 1.9rem;position:relative}
.goals li::before{content:"0" counter(g);display:inline-block;font-family:var(--display);font-weight:700;font-size:.875rem;color:var(--night);background:var(--grad);border-radius:999px;padding:.15rem .6rem;margin-bottom:.9rem}
.goals li:first-child{grid-column:1/-1;background:var(--grad);color:var(--night);border:0}
.goals li:first-child::before{background:var(--night);color:var(--pink)}
.goals li:first-child h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.goals li:first-child p{color:var(--night);max-width:70ch;font-size:1.0625rem}
.goals h3{font-size:1.4rem;font-weight:700;margin:0 0 .7rem}
.goals p{margin:0;color:var(--on-dark)}
.sub{font-size:1.4rem;font-weight:700;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:1fr;counter-reset:c}
@media (min-width:52rem){.cards{grid-template-columns:repeat(3,1fr)}}
.cards li{border-top:3px solid var(--blue);padding-top:1.1rem}
.cards li:nth-child(2){border-color:var(--pink)}
.cards li:nth-child(3){border-color:var(--paper)}
.cards h3{font-size:1.15rem;font-weight:700;margin:0 0 .6rem}
.cards p{margin:0;color:var(--on-dark);font-size:.9375rem}

/* recours */
.recours__grid{display:grid;gap:2.5rem}
@media (min-width:60rem){.recours__grid{grid-template-columns:1fr 1.15fr;gap:3.5rem;align-items:start}}
.timeline{list-style:none;margin:0;padding:0 0 0 1.5rem;border-left:2px solid rgba(255,255,255,.2);display:grid;gap:1.75rem}
.timeline li{position:relative}
.timeline li::before{content:"";position:absolute;left:calc(-1.5rem - 7px);top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--blue)}
.timeline time{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--pink)}
.timeline p{margin:.25rem 0 0;color:var(--on-dark)}
.timeline .is-next{background:var(--grad);color:var(--night);border-radius:1rem;padding:1rem 1.2rem;margin-left:-.5rem}
.timeline .is-next::before{background:var(--pink);left:calc(-1rem - 7px)}
.timeline .is-next time,.timeline .is-next p{color:var(--night)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.gallery img{border-radius:.75rem;aspect-ratio:4/5;object-fit:cover;width:100%}
.context{max-width:70ch;margin:3rem 0 0;color:var(--on-dark);font-size:.9375rem;border-left:3px solid var(--violet);padding-left:1rem}

/* presse */
.press{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:44rem){.press{grid-template-columns:1fr 1fr}}
@media (min-width:68rem){.press{grid-template-columns:repeat(3,1fr)}}
.press a{display:grid;gap:.4rem;height:100%;text-decoration:none;background:#fff;border:1px solid #e3d8ea;border-radius:1rem;padding:1.2rem 1.3rem;transition:border-color .2s,transform .2s}
.press a:hover{border-color:var(--violet);transform:translateY(-2px)}
.press__src{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.press__t{font-family:var(--display);font-weight:700;font-size:1.1rem;line-height:1.2}

/* ressources */
.res__grid{display:grid;gap:2rem;align-items:center}
@media (min-width:56rem){.res__grid{grid-template-columns:1fr 1fr;gap:4rem}}
.res__grid p{max-width:52ch}
.res__imgs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.res__imgs img{border-radius:.75rem;aspect-ratio:4/5;object-fit:cover;width:100%}

/* transenrage */
.grid2{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
@media (min-width:52rem){.grid2{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:4rem}}
.te__img{margin:0}
.te__img img{border-radius:1rem;max-width:24rem;width:100%}
.prose h2{margin-bottom:1.25rem}
.prose p{margin:0 0 1rem;max-width:60ch}

/* contact */
.contacts{margin:0;display:grid;border-top:2px solid var(--ink)}
.contacts>div{display:grid;grid-template-columns:1fr;gap:.15rem;padding:1rem 0;border-bottom:1px solid rgba(26,16,34,.3)}
@media (min-width:44rem){.contacts>div{grid-template-columns:14rem 1fr;gap:1rem;align-items:baseline}}
.contacts dt{font-weight:700}
.contacts dd{margin:0;overflow-wrap:anywhere}
.contacts .general{border-bottom:2px solid var(--ink)}
.contacts .general span{display:block;font-size:.9375rem;margin-top:.25rem}

/* footer */
.foot{background:var(--night);color:var(--on-dark);padding:3rem 0;font-size:.875rem}
.foot__in{display:grid;gap:2rem}
@media (min-width:52rem){.foot__in{grid-template-columns:1fr 2fr}}
.foot p{margin:0 0 .5rem}
.foot__name{font-family:var(--display);font-weight:700;color:var(--paper);font-size:1.125rem}
.legal h2{font-size:1rem;color:var(--paper);margin-bottom:.75rem}

.hero__date{display:inline-flex;flex-direction:column;gap:.15rem;margin-top:1.5rem;padding:.9rem 1.2rem;border-radius:1rem;border:2px solid var(--blue);color:var(--paper);text-decoration:none;line-height:1.25}
.hero__date span{font-size:.875rem;color:var(--blue);font-weight:700;letter-spacing:.04em}
.hero__date strong{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}
.hero__date:hover,.hero__date:focus-visible{background:rgba(91,206,250,.12)}

.res__h3{font-family:var(--display);font-size:1.35rem;margin:2rem 0 .75rem}
.urgences{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.4rem;max-width:30rem}
.urgences li{display:flex;gap:.75rem;align-items:baseline}
.urgences strong{flex:0 0 8.5rem;font-variant-numeric:tabular-nums;background:var(--night);color:var(--paper);padding:.15rem .5rem;border-radius:.35rem;font-size:.95rem}

.teaser{margin:1.75rem 0;padding:1.25rem 1.4rem;border-radius:1rem;background:var(--night);color:var(--paper);position:relative;overflow:hidden}
.teaser::after{content:"";position:absolute;inset:auto -2rem -2rem auto;width:8rem;height:8rem;border-radius:50%;background:var(--grad);opacity:.35;filter:blur(8px)}
.teaser p{position:relative;margin:.25rem 0;color:var(--paper)}
.teaser a{color:var(--blue)}
.teaser__k{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)!important}
.teaser__t{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1}
.merci{margin-top:3rem;padding-top:0;background:linear-gradient(var(--night),var(--night)) no-repeat content-box top left/100% 2px}
.merci h3{font-family:var(--display);font-size:1.5rem;margin:0 0 1.25rem;padding-top:2rem}
.merci__grid{display:grid;gap:1.25rem 2rem}
@media (min-width:48rem){.merci__grid{grid-template-columns:repeat(3,1fr)}}
.merci h4{margin:0 0 .3rem;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.merci__grid p{margin:0;line-height:1.7;overflow-wrap:anywhere}
.merci__fin{margin-top:1.5rem;font-weight:700}
.assos{margin-top:2.5rem;padding:1.5rem 1.6rem;border-radius:1rem;background:var(--grad);color:var(--night)}
.assos h3{font-family:var(--display);font-size:clamp(1.3rem,3vw,1.7rem);margin:0 0 .75rem;color:var(--night)}
.assos p{color:var(--night);max-width:62ch}
.assos__mail a{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,3.5vw,1.9rem);color:var(--night);overflow-wrap:anywhere}
.assos .btn--ink{background:var(--night);color:var(--paper)}

.merci-rass{margin-top:2rem;padding:1.25rem 1.4rem;border-left:4px solid var(--pink);background:rgba(255,255,255,.05);border-radius:0 1rem 1rem 0}
.merci-rass h3{font-family:var(--display);font-size:1.35rem;margin:0 0 .5rem}
.merci-rass p{margin:0;line-height:1.75;max-width:75ch}

.press a.has-thumb{padding-top:0;overflow:hidden;display:flex;flex-direction:column;gap:.4rem}
.press__thumb{display:block;position:relative;flex:none;width:calc(100% + 2.6rem);margin:0 -1.3rem .6rem;border-bottom:1px solid #e3d8ea;background:#fff}
.press__thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top center}
.press__copy{position:absolute;right:.5rem;bottom:.5rem;font-size:.6875rem;font-weight:700;background:rgba(26,16,34,.82);color:#fff;padding:.15rem .45rem;border-radius:.3rem}
.press__thumb--txt{aspect-ratio:3/2;display:grid;place-items:center;background:var(--grad);text-align:center;padding:1rem}
.press__thumb--txt span{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,3vw,1.9rem);color:var(--night);line-height:1.1}

.has-sky{position:relative;isolation:isolate}
.sky{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero{background:radial-gradient(60% 50% at 85% 10%,rgba(181,140,255,.28),transparent 70%),radial-gradient(45% 40% at 10% 85%,rgba(245,169,184,.16),transparent 70%),radial-gradient(40% 35% at 55% 45%,rgba(91,206,250,.10),transparent 70%),radial-gradient(120% 90% at 85% 0%,#3b1f52 0%,var(--night) 60%)}

.kicker--ink{background:var(--night);color:var(--pink)}
.idees__grid,.contact__grid{display:grid;gap:2rem;margin-top:2rem;align-items:start}
@media (min-width:60rem){.idees__grid{grid-template-columns:1.6fr 1fr}.contact__grid{grid-template-columns:1.2fr 1fr;gap:3rem}}
.form{display:grid;gap:1.1rem;background:#fff;border:1px solid #e3d8ea;border-radius:1.25rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 18px 40px -28px rgba(43,24,56,.45);color:var(--ink)}
.form h3{font-size:1.35rem;margin:0}
.form fieldset{border:0;margin:0;padding:0}
.form legend{font-weight:700;margin-bottom:.6rem;padding:0}
.form legend span,.field i{font-weight:400;font-style:normal;color:var(--muted);font-size:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:inline-block;padding:.45rem .85rem;border-radius:999px;border:1.5px solid #d6c6e2;background:var(--paper);font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s}
.chips input:checked+span{background:var(--grad);border-color:transparent}
.chips input:focus-visible+span{outline:3px solid var(--violet);outline-offset:2px}
.field{display:grid;gap:.35rem}
.field>span{font-weight:700;font-size:.9375rem}
.field b{color:#c2185b}
.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid #d6c6e2;border-radius:.7rem;padding:.7rem .85rem;width:100%;box-sizing:border-box}
.field textarea{resize:vertical;min-height:7rem}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(181,140,255,.3)}
.field-row{display:grid;gap:1.1rem}
@media (min-width:40rem){.field-row{grid-template-columns:1fr 1fr}}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9375rem;cursor:pointer}
.check input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:#8a5cd6;flex:none}
.form .btn{justify-self:start;background:var(--night);color:var(--paper)}
.form .btn:hover{background:var(--pink);color:var(--night)}
.form .btn:disabled{opacity:.6;cursor:wait}
.form__hint{font-size:.875rem;color:var(--muted);margin:0}
.form__status{margin:0;font-weight:600;min-height:1.2em}
.form__status.is-ok{color:#1b7a4a}
.form__status.is-err{color:#b0254f}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.livre{background:var(--night);color:var(--paper);border-radius:1.25rem;padding:1.6rem 1.5rem;position:relative;overflow:hidden;background-image:repeating-linear-gradient(transparent 0 2.1rem,rgba(255,255,255,.07) 2.1rem calc(2.1rem + 1px))}
.livre::before{content:"";position:absolute;left:1.1rem;top:0;bottom:0;width:2px;background:rgba(245,169,184,.5)}
.livre>*{position:relative;padding-left:1rem}
.livre h3{font-size:1.4rem;margin:0 0 .6rem}
.livre p{color:var(--on-dark);margin:.4rem 0}
.livre__vide{font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--pink)!important;margin-top:1.5rem!important}
.contact__grid .contacts{margin-top:0}
.field-row{align-items:end}
.contact__grid .contacts>div{grid-template-columns:1fr!important;gap:.1rem;padding:.8rem 0}
.contact__grid .contacts dt{font-size:.875rem;letter-spacing:.04em;text-transform:uppercase}
.form .form__status:empty{display:none}

.amis{margin-top:3rem}
.amis h3{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 .5rem}
.amis__intro{max-width:60ch;margin:0 0 1.5rem}
.amis__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:44rem){.amis__grid{grid-template-columns:1fr 1fr}}
@media (min-width:68rem){.amis__grid{grid-template-columns:repeat(4,1fr)}}
.amis__grid li{background:#fff;border:1px solid #e3d8ea;border-radius:1rem;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}
.amis__grid h4{font-family:var(--display);font-weight:800;font-size:1.05rem;line-height:1.2;margin:0}
.amis__grid p{margin:0;font-size:.9375rem}
.amis__links{margin-top:auto!important;padding-top:.5rem;font-weight:600;overflow-wrap:anywhere}
.amis__collectifs{margin-top:1.25rem;font-size:.9375rem}
.amis__sub{font-family:var(--display);font-weight:800;font-size:1.15rem;margin:1.75rem 0 .75rem;color:var(--plum,#2b1838)}

/* typos manuscrites des visuels */
.script{font-family:"Great Vibes","Brush Script MT",cursive;font-weight:400;letter-spacing:0;text-transform:none;font-size:1.35em;line-height:1}
.marker{font-family:"Caveat","Comic Sans MS",cursive;font-weight:700;letter-spacing:0;color:var(--pink)}
.te__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .4em;font-size:clamp(2.2rem,6vw,3.6rem)}
.te__title .marker{font-size:1.1em;line-height:1;text-decoration:underline wavy var(--blue) .06em;text-underline-offset:.18em}
.teaser__t.marker{font-family:"Caveat",cursive;font-size:clamp(2.2rem,5vw,3rem);color:var(--pink)}
.merci h3 .script{font-size:1.7em;margin-right:.1em;vertical-align:-.08em}
/* logos assos */
.amis__logo{display:flex;align-items:center;justify-content:flex-start;height:4.5rem;margin:-.2rem 0 .4rem;border-radius:.6rem;background:#fff}
.amis__logo img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.amis__logo--mono span{display:grid;place-items:center;height:4.25rem;min-width:4.25rem;padding:0 .9rem;border-radius:999px;background:var(--grad);font-family:var(--display);font-weight:800;font-size:1.25rem;color:var(--night)}
.amis__shot{display:block;position:relative;margin:.4rem 0 0;border:1px solid #e3d8ea;border-radius:.6rem;overflow:hidden}
.amis__shot img{display:block;width:100%;height:auto}
.te__title .marker{color:#c22d6c}


/* carte des centres */
.carte-wrap{display:grid;gap:1.5rem;margin-top:2rem;padding:1.5rem;border-radius:1rem;background:#fff;border:1px solid #e3d8ea}
@media (min-width:60rem){.carte-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem;align-items:start}}
.carte-wrap .amis__sub{margin-top:0}
.carte__txt p{margin:0 0 1rem;font-size:.9375rem}
.carte__fig{margin:0}
.carte{width:100%;height:auto;display:block}
.m-land{fill:#efe7f3;stroke:#b8a3c6;stroke-width:.8;stroke-linejoin:round}
.m-box{fill:#fbf7fb;stroke:#e3d8ea}
.m-pin{cursor:pointer;outline:none}
.m-pin circle{fill:#fff;stroke:#2b1838;stroke-width:1.8;transition:r .15s}
.m-pin--fede circle{fill:#f5a9b8;stroke:#1a1022}
.m-pin--home circle{fill:#5bcefa;stroke:#1a1022;stroke-width:2.4;r:7.5px}
.m-pin:hover circle,.m-pin:focus circle{r:8.5px;stroke-width:2.6}
.m-lbl{font:700 13px var(--display);fill:#1a1022;paint-order:stroke;stroke:#fff;stroke-width:3.5px}
.m-om{font:800 13px var(--display);fill:#1a1022}
.m-om-sub{font:600 11px var(--body);fill:#5d5068}
.carte__leg{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.35rem;font-size:.9375rem}
.dot{display:inline-block;width:.85rem;height:.85rem;border-radius:50%;border:2px solid #2b1838;background:#fff;vertical-align:-.1em;margin-right:.35rem}
.dot--fede{background:#f5a9b8;border-color:#1a1022}
.dot--home{background:#5bcefa;border-color:#1a1022}
.carte__list summary{cursor:pointer;font-weight:700;padding:.4rem 0}
.carte__list ul{list-style:none;margin:.5rem 0 0;padding:0;columns:2 13rem;column-gap:1.5rem;font-size:.875rem;line-height:1.5}
.carte__list li{break-inside:avoid;padding:.15rem 0}
.carte__f{font-size:.6875rem;font-weight:700;background:#f5a9b8;color:#1a1022;border-radius:999px;padding:0 .4rem;margin-left:.2rem}
.carte__src{font-size:.8125rem!important;color:var(--muted);margin-top:1rem!important}

.recours__side{display:grid;gap:1.5rem}
@media (min-width:60rem){.recours__side{position:sticky;top:6rem}}
.enjeux{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--pink);border-radius:1rem;padding:1.25rem 1.4rem}
.enjeux h3{color:var(--pink);font-size:1.2rem;margin-bottom:.5rem}
.enjeux p{margin:.6rem 0 0;color:var(--on-dark)}

/* titres de blocs en OpenDyslexic */
h2{font-family:"OpenDyslexic",var(--display);font-weight:700;letter-spacing:-.1em;word-spacing:-.25em;line-height:1.25}
.te__title{font-family:var(--display)}
/* carte : dossiers + liens */
.carte a{cursor:pointer}
.carte a:focus-visible .m-pin circle{stroke:var(--blue);stroke-width:3}
.m-dos{fill:none;stroke:#8a5cd6;stroke-width:2.4;stroke-dasharray:3 2.5;pointer-events:none}
.m-lbl{pointer-events:none}
.m-lbl-sub{font-size:10px;font-weight:600;fill:#5a4466}
.dot--dos{background:transparent!important;border:2px dashed var(--violet)!important}
.carte__dos{background:#f6f0f9;border-radius:.75rem;padding:.8rem 1rem;margin:.8rem 0;border:1px solid rgba(43,24,56,.12)}
.carte__dos p{margin:0 0 .35rem}
.carte__dos ul{margin:0;padding-left:1.1rem;font-size:.9rem}
.carte__list a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* merci avocate */
.avocate{display:grid;gap:1rem 1.5rem;align-items:center;background:#fff;border-radius:1rem;padding:1.25rem 1.4rem;margin:1.5rem 0;border-left:5px solid #e3262d}
@media (min-width:44rem){.avocate{grid-template-columns:240px 1fr}}
.avocate__logo img{width:100%;max-width:240px;height:auto;display:block}
.avocate h4{margin:0 0 .35rem;font-family:var(--display);font-size:1.15rem}
.avocate p{margin:.25rem 0}
/* arbre à droits */
.arbre{margin:.5rem 0 1rem}
.arbre svg{width:100%;height:auto;display:block}
.livre__t{margin-top:.5rem}
.field--droit small{display:block;font-size:.8rem;opacity:.75;margin-top:.25rem}
.check--benevole{background:#fff;border:2px solid var(--violet);border-radius:.75rem;padding:.7rem .9rem}
.arbre svg{max-width:340px;margin:0 auto}
.ab-x{font:700 10.2px var(--body);fill:#1a1022;text-anchor:middle}
.ab-e{font:italic 700 12px var(--body);fill:#d9c6ff;text-anchor:middle}
.ddd__actions{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin:1rem 0 .5rem}
.ddd__alt{font-weight:700}
.ddd__note{font-size:.875rem;opacity:.85}
.foot__social a{color:var(--pink)}
.ab-conquerir{fill:#f5a9b8;background:#f5a9b8}
.ab-papier{fill:#ffd27a;background:#ffd27a}
.ab-acquis{fill:#9ee6b9;background:#9ee6b9}
.arbre__leg{list-style:none;margin:0 0 1rem;padding:0 0 0 1rem;display:grid;gap:.4rem;font-size:.875rem;color:var(--on-dark)}
.ab-dot{display:inline-block;width:.95rem;height:.95rem;border-radius:4px;vertical-align:-.15em;margin-right:.4rem}
.arbre__leg li{display:flex;align-items:flex-start;gap:.5rem}.arbre__leg .ab-dot{flex:none;margin:.2em 0 0}
.arbre__note{margin:-.25rem 0 1rem;font-size:.8125rem;font-style:italic;opacity:.8;text-align:center}
.merci{position:relative}
.sparkles{position:absolute;inset:0;pointer-events:none}
.spk{position:absolute;fill:currentColor}
.spk--1{width:26px;top:1.6rem;right:6%}
.spk--2{width:14px;top:3.4rem;right:3%}
.spk--3{width:10px;top:1.2rem;right:11%}
.spk--4{width:18px;top:.9rem;left:min(34rem,72%)}
.spk--5{width:9px;top:3.6rem;left:min(37rem,80%)}
.spk--6{width:12px;bottom:.2rem;right:8%}
.spk--7{width:20px;bottom:-.6rem;right:2.5%}
@media (max-width:48rem){.spk--5,.spk--6,.spk--7{display:none}}
.assos__btns{display:flex;flex-wrap:wrap;gap:.75rem}
.btn--ghost-ink{background:transparent;color:var(--night);border-color:var(--night)}
.btn--ghost-ink:hover{background:var(--night);color:var(--paper)}
.assos .assos__hint{font-size:.875rem;margin-top:.5rem}
.ab-spk{transform-box:fill-box;transform-origin:center;animation:ab-tw 3.2s ease-in-out infinite}
@keyframes ab-tw{0%,100%{opacity:.25;scale:.7}50%{opacity:1;scale:1}}
.ab-fall{animation:ab-fall 9s ease-in-out infinite}
@keyframes ab-fall{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}50%{transform:translate(-14px,60px)}85%{opacity:.9}100%{transform:translate(6px,130px);opacity:0}}
@media (prefers-reduced-motion:reduce){.ab-spk,.ab-fall{animation:none}}
.pic{display:inline-block;vertical-align:-.25em;margin-left:.3rem;border-radius:3px}
.pic--flag{height:1.05em;width:auto;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.pic--chut{height:1.35em;width:auto;vertical-align:-.35em;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.pics{white-space:nowrap}
.pic--chut{box-shadow:none!important;border-radius:0!important;height:auto!important;font-size:1.25em;line-height:1;vertical-align:-.15em!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.ddd__list{margin:0 0 1rem;padding-left:1.1rem;display:grid;gap:.5rem;max-width:62ch}.ddd__list li{line-height:1.6}
/* Témoignage + Themis + Vos droits */
.temoin{background:#fff;border-radius:.75rem;padding:.8rem 1rem;display:grid;gap:.6rem;font-size:.9375rem}
.temoin[hidden]{display:none}.temoin p{margin:0}
.form__status a{display:inline-block;margin-left:.4rem;font-weight:700;text-decoration:underline}
.themis{display:grid;gap:1.75rem;margin-top:2.5rem;align-items:center}
@media (min-width:48rem){.themis{grid-template-columns:minmax(0,22rem) 1fr;gap:2.5rem}}
.themis__img{margin:0}.themis__img img{width:100%;height:auto;border-radius:1rem;box-shadow:0 20px 40px -20px rgba(26,16,34,.5)}
.themis__img figcaption{font-size:.8125rem;margin-top:.5rem;opacity:.85}
.themis__txt h3{margin-top:0}
.droits__grid{display:grid;gap:1.5rem;margin-top:2rem}
@media (min-width:62rem){.droits__grid{grid-template-columns:repeat(3,1fr)}}
.droits__col{background:var(--plum);border-radius:1.25rem;padding:1.4rem 1.4rem 1rem}
.droits__col h3{margin:0;color:var(--pink)}
.droits__sub{margin:.2rem 0 .8rem;font-size:.875rem;color:var(--on-dark)}
.droits__col ul,.encart ul,.refs__list{margin:0;padding-left:1.1rem;display:grid;gap:.7rem;font-size:.9375rem;line-height:1.5}
#droits a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.refs{margin-top:2rem;border:2px solid var(--violet);border-radius:1.25rem;padding:1.4rem}
.refs h3{margin-top:0}
.encarts{display:grid;gap:1.5rem;margin-top:2rem}
@media (min-width:62rem){.encarts{grid-template-columns:1fr 1fr}}
.encart{background:var(--paper);color:var(--night);border-radius:1.25rem;padding:1.4rem;border-left:6px solid var(--pink)}
.encart+.encart{border-left-color:var(--blue)}
.encart h3{margin-top:0}
#droits .encart a{color:#5a2f9e}
.field[hidden]{display:none}
/* Logo DDD, CTA tuto, newsletter */
.ddd__logo{margin:0 0 .75rem}.ddd__logo img{height:3.2rem;width:auto;background:#fff;padding:.45rem .7rem;border-radius:.6rem}
.pic--flag{border-radius:2px}
.nav-tuto{border:2px solid var(--blue);border-radius:999px;padding:.2rem .7rem;color:var(--blue)!important;font-weight:700}
.btn--grad{background:var(--grad);color:var(--night);border:0}
.btn--grad:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tuto-cta{background:linear-gradient(120deg,#5bcefa 0%,#b58cff 48%,#f5a9b8 100%);color:var(--night);padding:clamp(2.25rem,5vw,3.5rem) 0;position:relative;overflow:hidden}
.tuto-cta::after{content:"";position:absolute;inset:auto -10% -60% auto;width:28rem;height:28rem;border-radius:50%;background:rgba(255,255,255,.18);pointer-events:none}
.tuto-cta__in{display:grid;gap:1.5rem;align-items:center;position:relative;z-index:1}
@media (min-width:56rem){.tuto-cta__in{grid-template-columns:1fr auto;gap:3rem}}
.tuto-cta__kicker{display:inline-block;background:var(--night);color:var(--paper);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;margin:0 0 .75rem}
.tuto-cta h2{margin:0 0 .5rem;font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--night)}
.tuto-cta p{margin:0;max-width:44rem;font-size:1.0625rem}
.tuto-cta__btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--night);color:var(--paper);font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(1.1rem,2.2vw,1.35rem);padding:1.05rem 1.6rem;border-radius:999px;text-decoration:none;box-shadow:0 18px 40px -16px rgba(26,16,34,.7),0 0 0 4px rgba(255,255,255,.45);transition:transform .2s,box-shadow .2s;justify-self:start}
.tuto-cta__btn:hover,.tuto-cta__btn:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 48px -16px rgba(26,16,34,.8),0 0 0 6px #fff}
.tuto-cta__btn svg{transition:transform .2s}.tuto-cta__btn:hover svg{transform:translateX(4px)}
@media (prefers-reduced-motion:no-preference){.tuto-cta__btn{animation:tutoPulse 2.8s ease-in-out infinite}}
@keyframes tutoPulse{0%,100%{box-shadow:0 18px 40px -16px rgba(26,16,34,.7),0 0 0 4px rgba(255,255,255,.45)}50%{box-shadow:0 18px 40px -16px rgba(26,16,34,.7),0 0 0 10px rgba(255,255,255,.15)}}
.news__in{display:grid;gap:1.5rem;align-items:center}
@media (min-width:56rem){.news__in{grid-template-columns:1fr 1fr;gap:3rem}}
.form--news{background:var(--plum);color:var(--paper);border-radius:1.25rem;padding:1.4rem;display:grid;gap:.9rem}
.form--news .field span{color:var(--paper)}
.form--news .check{color:var(--on-dark)}
/* Page tuto */
.tuto-hero{background:var(--night);color:var(--paper);padding:clamp(3rem,7vw,5rem) 0 clamp(2.5rem,5vw,3.5rem)}
.tuto-hero h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.05;margin:.75rem 0 1rem}
.tuto-hero .lede{max-width:44rem;color:var(--on-dark)}
.frise-tuto{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.75rem}
@media (min-width:56rem){.frise-tuto{grid-template-columns:repeat(4,1fr);gap:1rem}}
.frise-tuto li{background:var(--plum);border-radius:1rem;padding:1rem 1.1rem;border-top:4px solid var(--blue)}
.frise-tuto li:nth-child(2){border-top-color:var(--violet)}.frise-tuto li:nth-child(3){border-top-color:var(--pink)}.frise-tuto li:nth-child(4){border-top-color:#ffd27a}
.frise-tuto b{display:block;font-family:Montserrat,sans-serif;font-size:1.05rem;margin-bottom:.25rem}
.frise-tuto span{font-size:.9rem;color:var(--on-dark)}
.tuto-toc{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.tuto-toc a{background:var(--grad);color:var(--night);font-weight:700;padding:.5rem 1rem;border-radius:999px;text-decoration:none}
.steps{list-style:none;counter-reset:st;padding:0;margin:1.5rem 0 0;display:grid;gap:1.1rem;max-width:52rem}
.steps>li{counter-increment:st;position:relative;padding:1.2rem 1.3rem 1.1rem 4.2rem;background:#fff;border-radius:1rem;box-shadow:0 10px 30px -22px rgba(26,16,34,.55)}
.steps>li::before{content:counter(st);position:absolute;left:1.1rem;top:1.1rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--night);color:var(--paper);display:grid;place-items:center;font-family:Montserrat,sans-serif;font-weight:800}
.steps h3{margin:0 0 .4rem;font-size:1.15rem}
.steps p,.steps ul{margin:.35rem 0;line-height:1.6}.steps ul{padding-left:1.1rem}
.block--night .steps>li{background:var(--plum);color:var(--paper)}
.block--night .steps>li::before{background:var(--grad);color:var(--night)}
.delai{display:inline-block;background:#ffd27a;color:var(--night);font-weight:800;font-size:.8rem;padding:.15rem .55rem;border-radius:999px;margin-left:.35rem;vertical-align:.1em;white-space:nowrap}
.step--temoin{border:3px solid var(--violet)}
.modele{margin-top:.6rem}.modele summary{cursor:pointer;font-weight:700}
.modele pre{white-space:pre-wrap;font-family:inherit;font-size:.9rem;background:var(--soft);color:var(--night);padding:1rem;border-radius:.75rem;margin:.6rem 0}
.tuto-part h2{margin-bottom:.25rem}
.tuto-note{max-width:52rem;font-size:.9rem;margin-top:1.5rem;opacity:.9}
.tuto-page a:not(.btn):not(.tuto-cta__btn){text-decoration:underline;text-underline-offset:2px}
.block--night.tuto-part a:not(.btn){color:var(--blue)}
.ddd__logo img{height:4.75rem;padding:.6rem .9rem}
.form--news .btn--grad{background:var(--grad);color:var(--night)}
.form--news .btn--grad:hover{background:var(--pink)}
@font-face{font-family:"Sniglet";src:url(fonts/sniglet-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Sniglet";src:url(fonts/sniglet-800.woff2) format("woff2");font-weight:800;font-display:swap}
.merci__grid p{font-family:"Sniglet","Open Sans",sans-serif;font-size:1.0625rem}
.merci__fin{font-family:"Sniglet","Open Sans",sans-serif;font-weight:400;font-size:clamp(1.35rem,3vw,1.75rem);margin-top:2rem}
.block--night .kicker:not(.kicker--ink),.block--plum .kicker:not(.kicker--ink){background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(245,169,184,.45)}
.steps>li{min-width:0;overflow-wrap:anywhere}.steps{grid-template-columns:minmax(0,1fr)}
/* Bandeau tuto avec visuel */
.tuto-cta{padding:clamp(2.5rem,6vw,4.5rem) 0;border-top:6px solid var(--night);border-bottom:6px solid var(--night)}
.tuto-cta__in{grid-template-columns:1fr!important;justify-items:start}
@media (min-width:52rem){.tuto-cta__in{grid-template-columns:minmax(14rem,22rem) 1fr!important;gap:3rem!important;align-items:center}}
.tuto-cta__art{width:min(100%,20rem);height:auto;justify-self:center;filter:drop-shadow(0 18px 24px rgba(26,16,34,.25))}
@media (min-width:52rem){.tuto-cta__art{width:100%}}
.tuto-cta__txt{display:grid;gap:.9rem;justify-items:start}
.tuto-cta__txt .tuto-cta__kicker,.tuto-cta__txt h2,.tuto-cta__txt p{margin:0}
.tuto-cta h2{font-size:clamp(1.75rem,4vw,2.75rem)}
.tuto-cta__btn{margin-top:.5rem}
@media (prefers-reduced-motion:no-preference){.tuto-cta__spk{animation:ctaTw 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.tuto-cta__spk--2{animation-delay:1.2s}.tuto-cta__path{animation:ctaDash 3s linear infinite}}
@keyframes ctaTw{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes ctaDash{to{stroke-dashoffset:-30}}
.tuto-page .tuto-toc a{text-decoration:none}
@media (max-width:47.99rem){html{scroll-padding-top:11rem}}
/* menu : 2 lignes égales (6 + 6) */
.top nav ul{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.35rem 1rem}
@media (min-width:48rem){.top nav ul{grid-template-columns:repeat(6,auto);gap:.4rem clamp(.8rem,1.6vw,1.4rem)}}
.top nav li{text-align:left}
.top nav .nav-cta,.top nav .nav-tuto{display:inline-block}
.top nav a{white-space:nowrap}
@media (max-width:47.99rem){.top nav{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.top nav::-webkit-scrollbar{display:none}.top nav ul{grid-template-columns:repeat(6,auto);gap:.45rem 1rem;padding-right:2rem;font-size:.875rem}html{scroll-padding-top:7.5rem}}
@media (min-width:48rem){.top nav{flex:1;max-width:52rem}.top nav ul{grid-template-columns:repeat(6,1fr);justify-items:center;gap:.45rem .5rem}.top nav li{text-align:center}}
/* menu : titre au centre, entre la 3e et la 4e colonne */
@media (min-width:62rem){
.top--full .top__in{display:grid;grid-template-columns:repeat(3,1fr) auto repeat(3,1fr);align-items:center;gap:.45rem .5rem}
.top--full nav,.top--full nav ul{display:contents}
.top--full .brand{grid-column:4;grid-row:1/span 2;text-align:center;padding:0 clamp(.75rem,2vw,2rem);font-size:1.0625rem}
.top--full nav li{text-align:center;grid-row:1}
.top--full nav li:nth-child(1){grid-column:1}.top--full nav li:nth-child(2){grid-column:2}.top--full nav li:nth-child(3){grid-column:3}
.top--full nav li:nth-child(4){grid-column:5}.top--full nav li:nth-child(5){grid-column:6}.top--full nav li:nth-child(6){grid-column:7}
.top--full nav li:nth-child(n+7){grid-row:2}
.top--full nav li:nth-child(7){grid-column:1}.top--full nav li:nth-child(8){grid-column:2}.top--full nav li:nth-child(9){grid-column:3}
.top--full nav li:nth-child(10){grid-column:5}.top--full nav li:nth-child(11){grid-column:6}.top--full nav li:nth-child(12){grid-column:7}
}
@media (min-width:62rem) and (max-width:75rem){.top--full .top__in{font-size:.875rem}.top--full nav ul{font-size:.875rem}}
/* ellipse claire derrière le nom */
.top .brand{display:inline-block;background:var(--paper);color:var(--ink);border-radius:50%;padding:.55rem 1.3rem;line-height:1.2;box-shadow:0 0 0 3px rgba(245,169,184,.35);white-space:nowrap}
.top .brand:hover{background:#fff;color:var(--ink)}
@media (min-width:62rem){.top--full .brand{padding:.85rem 1.7rem;justify-self:center}}
.tuto-page .top a{text-decoration:none}
.top .brand{padding:.6rem 1.9rem}
@media (min-width:62rem){.top--full .brand{padding:.95rem 2.3rem}}
@media (max-width:61.99rem){.top--full .brand{margin:0 auto}}
/* menu du tuto (6 liens) */
.top:not(.top--full) nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem 1.2rem}
@media (max-width:47.99rem){.top:not(.top--full) nav{overflow:visible;-webkit-mask-image:none}.top:not(.top--full) nav ul{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;padding-right:0}.top:not(.top--full) .brand{margin:0 auto}}
.tuto-page .top nav a,.tuto-page .top .brand{text-decoration:none!important}
@media (max-width:61.99rem){.top:not(.top--full) nav{width:100%}.top:not(.top--full) nav ul{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:.45rem .5rem}.top:not(.top--full) .brand{margin:0 auto}}
/* téléphone : tout visible, 3 colonnes × 4 lignes */
@media (max-width:47.99rem){.top--full nav{overflow:visible;-webkit-mask-image:none;mask-image:none}.top--full nav ul{grid-template-columns:repeat(3,1fr);justify-items:center;gap:.5rem .35rem;padding-right:0;font-size:.8125rem}.top--full nav li{text-align:center}.top .nav-cta,.top .nav-tuto{padding:.25rem .6rem}html{scroll-padding-top:10.5rem}}
/* harmonisation */
.tuto-page .tuto-toc a,.tuto-toc a{text-decoration:none!important}
.tuto-toc a:hover{filter:brightness(1.05);box-shadow:0 0 0 2px var(--paper)}
#transenrage .kicker{margin-bottom:.75rem}