/* Parcours verres : repères et choix communs aux pages React et Express. */
.lp-crumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;background:#f4f1ea;border-block:1px solid #d8d2c4;padding:14px 18px;margin:20px 0 0;color:#151515;font-family:Inter,Tajawal,Arial,sans-serif}.lp-crumb .lp-you{margin:0}.lp-you{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#57534b;line-height:1.5}.lp-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;padding:0;margin:0;font-size:15px;line-height:1.8}.lp-crumb li{display:flex;align-items:baseline;min-width:0}.lp-crumb li+li:before{content:'›';margin-inline:12px;color:#6f5a2e}.lp-crumb a{color:#151515;text-decoration:underline;text-underline-offset:4px}.lp-crumb [aria-current=page]{font-weight:700}.lp-crumb a:focus-visible,.lp-need:focus-visible,.lp-context a:focus-visible,.lp-next a:focus-visible,.lp-change summary:focus-visible,.lp-change a:focus-visible{outline:3px solid #6f5a2e;outline-offset:4px}
.lp-start{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);gap:48px;align-items:center;padding:38px 0 28px;scroll-margin-top:110px}.lp-character{min-width:0}.lp-mascot{display:block;width:100%;height:auto;object-fit:contain}.vl-page .lp-start h1{font-size:clamp(48px,5vw,72px);line-height:1.04;letter-spacing:-.035em;margin:0 0 18px;max-width:700px}.vl-page .lp-start .vl-eyebrow{margin:0 0 12px}.vl-page .lp-speech{font-size:19px;line-height:1.5;max-width:670px;margin:0 0 26px}.lp-needs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lp-need{position:relative;padding:18px 44px 17px 18px;border:1px solid #d8d2c4;text-decoration:none;display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 10px;color:#151515;min-width:0;min-height:100px;align-content:center;background:#fbfaf6}.lp-need strong{font-family:'Zilla Slab','Reem Kufi',Georgia,serif;font-size:23px;line-height:1.15;font-weight:600}.lp-need-num{font-size:11px;color:#6f5a2e;margin-top:5px}.lp-need-hint{grid-column:2;font-size:13px;color:#57534b;line-height:1.4}.lp-arrow{position:absolute;inset-inline-end:16px;top:22px;font-size:21px}.lp-legacy-anchor{display:block;scroll-margin-top:110px}.lp-all{color:#151515;font-weight:600;font-size:14px;text-underline-offset:5px;display:inline-flex;align-items:center;gap:14px;min-height:40px}.lp-bottom-back{margin-top:20px}.lp-start-content{min-width:0}
.lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.lp-group-conduite .lp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-cards article{min-width:0;display:flex;flex-direction:column}.lp-cards .lp-card-image{display:block;margin-bottom:22px;overflow:hidden}.lp-card-image img{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:cover}.vl-page .lp-cards h3{font-size:29px;line-height:1.17;margin-bottom:14px}.vl-page .lp-cards p{font-size:16px;line-height:1.6;margin-bottom:16px;color:#57534b}.vl-page .lp-cards .vl-link{font-size:15px;margin-top:auto;gap:12px;border-bottom:1px solid #d8d2c4;padding-bottom:12px;align-items:baseline}
.lp-wayfinder{margin:18px 0 6px;padding:0 0 12px;border-bottom:1px solid #d8d2c4;font-family:Inter,Tajawal,Arial,sans-serif}.lp-guide-row{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-items:center}.lp-mascot-small{display:block;width:76px;height:auto;grid-row:1/3;object-fit:contain}.lp-guide-row>p{grid-column:2;font-size:14px;line-height:1.5;margin:0}.lp-guide-row>p strong{font-weight:700;display:inline;margin-inline-start:6px}.lp-change{grid-column:2;min-width:0}.gn .lp-change summary{font:600 14px/1.5 Inter,Tajawal,Arial,sans-serif;padding:7px 0;min-height:36px;color:#151515}.lp-change nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin:8px 0 18px}.lp-change nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:15px;padding:8px 0;border-top:1px solid #d8d2c4;color:#151515}.lp-context{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lp-context a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #d8d2c4;font-size:14px;color:#151515;text-decoration:none;line-height:1.4;text-align:center}.lp-context a[aria-current=page]{background:#231c17;color:#fbfaf6;border-color:#231c17}.lp-wayfinder>.lp-all{font-size:13px;font-weight:500;margin-top:4px}.gn .lp-next{margin-top:30px;border-block:1px solid #d8d2c4;padding:28px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center}.gn .lp-next h2{font-size:clamp(25px,3vw,36px);margin:8px 0 12px}.gn .lp-next p{margin:0;font-size:16px;line-height:1.6;color:#57534b}.gn .lp-next .lp-you{font-size:12px}.lp-next-link{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#f2e633;color:#151515!important;min-height:52px;padding:14px 20px;font-weight:600;text-decoration:none;font-size:16px}.gn .lp-bottom-back{margin-top:14px}
[dir=rtl] .lp-crumb li+li:before{content:'‹'}[dir=rtl] .lp-you{letter-spacing:0}.vl-page[dir=rtl] .lp-mascot,.gn[dir=rtl] .lp-mascot-small{transform:scaleX(-1)}.vl-page[dir=rtl] .lp-need{padding:18px 18px 17px 44px}.vl-page[dir=rtl] .lp-need strong{font-family:Tajawal,Arial,sans-serif;font-size:23px;line-height:1.5;font-weight:700}.vl-page[dir=rtl] .lp-start h1{font-size:clamp(38px,4.8vw,62px);line-height:1.35}.vl-page[dir=rtl] .lp-cards h3{font-size:29px;line-height:1.45}
@media(max-width:1000px){.lp-start{gap:28px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr)}.lp-need strong{font-size:21px}.lp-cards{gap:22px}.vl-page .lp-cards h3{font-size:25px}}
@media(max-width:700px){.lp-start{grid-template-columns:1fr;gap:0;padding:18px 0 20px}.lp-character{width:180px;justify-self:start;margin-bottom:6px}.vl-page .lp-start h1{font-size:43px;line-height:1.04;margin-bottom:16px}.vl-page .lp-speech{font-size:17px;line-height:1.5;margin-bottom:20px}.lp-need{padding:13px 30px 13px 12px;min-height:100px;grid-template-columns:1fr;gap:7px}.lp-need-num{display:none}.lp-need strong{font-size:20px;line-height:1.2}.lp-need-hint{grid-column:1;font-size:12px}.lp-arrow{inset-inline-end:10px;top:13px;font-size:17px}.lp-needs{gap:9px}.lp-cards,.lp-group-conduite .lp-cards{grid-template-columns:1fr;gap:34px}.lp-cards .lp-card-image{margin-bottom:16px}.vl-page .lp-cards h3{font-size:28px}.lp-crumb{padding:12px 14px;margin-top:14px;gap:5px 12px}.lp-crumb ol{font-size:14px;line-height:1.7}.lp-crumb li+li:before{margin-inline:8px}.lp-crumb .lp-you{font-size:11px}.lp-guide-row{grid-template-columns:64px minmax(0,1fr);gap:0 12px}.lp-mascot-small{width:64px}.lp-guide-row>p{font-size:13px}.lp-change nav{grid-template-columns:1fr}.lp-context{gap:6px}.lp-context a{flex:1;padding:8px;font-size:13px;min-width:0}.gn .lp-next{grid-template-columns:1fr;gap:18px}.lp-next-link{font-size:15px}.vl-page[dir=rtl] .lp-start h1{font-size:38px}.vl-page[dir=rtl] .lp-need{padding:13px 12px 13px 30px}.vl-page[dir=rtl] .lp-need strong{font-size:20px}.lp-wayfinder{margin-top:12px}.gn .gv-intro{padding-top:20px}}
@media(max-width:360px){.lp-character{width:145px}.vl-page .lp-start h1{font-size:38px}.lp-need strong{font-size:18px}.vl-page[dir=rtl] .lp-need strong{font-size:18px}.lp-need{min-height:110px}.lp-context a{font-size:12px}.lp-crumb{padding-inline:10px}}
@media(hover:hover) and (pointer:fine){.lp-need:hover{background:#f4f1ea;border-color:#151515}.lp-context a:hover{border-color:#151515}.lp-card-image:hover img{filter:brightness(.97)}}
.lp-need:active,.lp-next-link:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.lp-start *,.lp-wayfinder *,.lp-next *{transition:none;scroll-behavior:auto}}

@media(max-width:640px){.da-guide .gn .tc-hero h1{font-size:34px;line-height:1.12}.gn .tc-hero .lede{font-size:17px;line-height:1.5;margin-top:14px}.gn .tc-hero .tc-eyebrow{font-size:13px;margin:0 0 12px}.gn .tc-hero{padding:20px 0 8px}.gn .tc-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}.gn .tc-controls button{min-width:0;min-height:48px;padding:8px 5px;font-size:12px;line-height:1.35;gap:5px}.gn .tc-controls button[aria-pressed=true]{padding:7px 4px}.gn .tc-controls button span{width:14px;height:14px}.gn[dir=rtl] .tc-hero h1{font-size:32px;line-height:1.5}}