/* Cresco v1.31 — guide lisible, accès explicite, exemples fermés par défaut */
.implementation-entry{display:flex;justify-content:center;margin:0 0 18px}
.implementation-button{width:min(560px,100%);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:68px;padding:12px 15px;border:1px solid rgba(94,125,160,.18);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 26px rgba(66,94,128,.09);color:#476886;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.implementation-button:hover{transform:translateY(-1px);background:#fff;box-shadow:0 13px 30px rgba(66,94,128,.13)}
.implementation-button:focus-visible{outline:3px solid rgba(80,143,205,.24);outline-offset:3px}
.implementation-button-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#eef6f4,#eef4fb);font-size:19px}
.implementation-button-copy{display:grid;gap:2px;min-width:0}.implementation-button-copy strong{color:#315879;font-size:14px;line-height:1.25}.implementation-button-copy small{color:#7a8da2;font-size:11.5px;line-height:1.4;font-weight:500}
.implementation-button-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#4b7092;font-size:11.5px;font-weight:800}

.implementation-shell{width:min(1040px,100%);margin:0 auto;padding:0 0 44px}.implementation-shell[hidden],.implementation-shell.is-hidden{display:none!important}
.implementation-topbar{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;margin-bottom:22px}.implementation-logo{width:116px;max-height:70px;object-fit:contain}.implementation-topbar-spacer{display:none}.implementation-topbar .implementation-home-btn{position:absolute;left:0;top:50%;transform:translateY(-50%)}.implementation-topbar .implementation-home-btn:hover{transform:translateY(calc(-50% - 1px))}
.implementation-home-btn{width:58px;height:58px;display:inline-grid;place-items:center;border:1px solid rgba(98,130,167,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(241,248,246,.88));box-shadow:0 10px 28px rgba(68,96,130,.09);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.implementation-home-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 13px 30px rgba(68,96,130,.13)}.implementation-home-btn:focus-visible{outline:3px solid rgba(80,143,205,.24);outline-offset:3px}.implementation-home-btn img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(82,120,173,.18))}
.implementation-audience{display:flex;justify-content:center;margin:0 auto 24px}.implementation-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(101,131,168,.14);background:rgba(255,255,255,.74);border-radius:16px;box-shadow:0 10px 28px rgba(72,101,139,.08)}.implementation-switch button{border:0;background:transparent;border-radius:12px;padding:10px 17px;color:#74869e;font-weight:800;font-size:12px;cursor:pointer}.implementation-switch button.active{background:#fff;color:#335f88;box-shadow:0 5px 15px rgba(67,103,145,.11)}
.implementation-hero{text-align:center;max-width:780px;margin:0 auto 24px;padding:26px 24px 28px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,250,249,.8));box-shadow:0 20px 54px rgba(68,99,139,.09)}.implementation-hero h1{margin:4px 0 0;font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(30px,4.5vw,46px);line-height:1.04;color:#244c72;letter-spacing:-.025em}.implementation-hero>p:last-child{margin:0 auto;max-width:650px;color:#72849c;font-size:13px;line-height:1.65}
.guide-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px}.guide-principles article{display:flex;gap:12px;min-width:0;padding:16px;border:1px solid rgba(111,140,173,.13);border-radius:18px;background:rgba(255,255,255,.72)}.guide-principles article>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eef6f3;color:#668f7d;font-size:10px;font-weight:900}.guide-principles h2{margin:0 0 4px;color:#315879;font-size:13px}.guide-principles p{margin:0;color:#7b8b9e;font-size:11px;line-height:1.5}
.guide-section{margin:28px 0}.guide-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 3px 14px}.guide-section-head h2{margin:0;font-family:"DM Serif Display",serif;font-weight:400;font-size:29px;color:#244c72}.guide-section-head>p{max-width:430px;margin:0;color:#8493a7;font-size:11px;line-height:1.55;text-align:right}
.guide-script{display:grid;gap:10px}.script-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:17px 18px;border:1px solid rgba(99,132,169,.13);border-radius:19px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(74,103,139,.055)}.script-index{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#edf6f4,#f1f5fb);color:#608777;font-size:12px;font-weight:900}.script-copy{min-width:0;max-width:88ch}.script-copy h3{margin:1px 0 10px;color:#315879;font-size:17px;line-height:1.35}.script-speech{margin:0;color:#405b72;font-size:17px;line-height:1.8}.script-note{margin-top:14px;padding:13px 15px;border-left:3px solid #bfd6cc;border-radius:0 10px 10px 0;background:#f5faf8;color:#5e7184;font-size:15px;line-height:1.7}.guide-slot{display:inline;padding:1px 4px;border-radius:5px;background:#eef5ff;color:#3f6f9a;font-weight:800;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.example-accordion{display:grid;gap:9px}.example-card{border:1px solid rgba(99,132,169,.14);border-radius:18px;background:rgba(255,255,255,.78);overflow:hidden}.example-card summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:15px 17px;cursor:pointer}.example-card summary::-webkit-details-marker{display:none}.example-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#f2f7f5;font-size:19px}.example-summary-copy{display:grid;gap:2px;min-width:0}.example-summary-copy strong{color:#315879;font-size:15px}.example-summary-copy small{color:#8695a8;font-size:12.5px;line-height:1.45}.example-chevron{justify-self:end;color:#7f91a6;font-size:17px;transition:transform .18s ease}.example-card[open] .example-chevron{transform:rotate(180deg)}.example-content{padding:3px 17px 17px 71px;border-top:1px solid rgba(105,135,169,.08)}.example-block{padding:12px 0;border-bottom:1px solid rgba(105,135,169,.07)}.example-block:last-child{border-bottom:0}.example-block b{display:block;margin-bottom:5px;color:#618374;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.example-block p{margin:0;color:#50677d;font-size:15px;line-height:1.75}.example-block strong{color:#315879}

.builder-guide-tools{display:flex;justify-content:flex-end;padding:10px 28px 0}.say-it-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(92,126,162,.16);border-radius:999px;background:rgba(255,255,255,.78);padding:8px 12px;color:#58748f;font-size:11px;font-weight:800;cursor:pointer}.say-it-btn:hover{background:#fff}.say-it-panel{margin:10px 28px 0;padding:15px 16px 16px;border:1px solid rgba(112,146,171,.17);border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f4faf7);box-shadow:0 10px 26px rgba(68,96,130,.06)}.say-it-panel[hidden]{display:none!important}.say-it-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:7px}.say-it-head>div{min-width:0}.say-it-kicker{margin:0 0 3px;color:#8092a7;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.say-it-head h3{margin:0;color:#315879;font-size:15.5px}.say-it-close{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.8);color:#8191a3;cursor:pointer}.say-it-copy{margin:0;color:#536a80;font-size:15px;line-height:1.72}.say-note{color:#6f8194}

@media(max-width:760px){.implementation-topbar{min-height:52px}.implementation-logo{width:92px}.implementation-home-btn{width:52px;height:52px;border-radius:16px}.implementation-home-btn img{width:30px;height:30px}.guide-principles{grid-template-columns:1fr}.guide-section-head{display:block}.guide-section-head>p{margin-top:7px;max-width:none;text-align:left}.script-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px}.script-index{width:31px;height:31px;border-radius:10px}.example-content{padding-left:16px}.builder-guide-tools{padding:9px 16px 0}.say-it-panel{margin:9px 16px 0}}
@media(max-width:520px){.implementation-button{grid-template-columns:38px minmax(0,1fr) 26px;padding:11px 12px}.implementation-button-icon{width:38px;height:38px}.implementation-button-copy strong{font-size:13.5px}.implementation-button-copy small{font-size:11px}.implementation-button-action{font-size:0}.implementation-button-action span{font-size:18px}.implementation-shell{padding-left:2px;padding-right:2px}.implementation-hero{padding:22px 16px;border-radius:22px}.implementation-hero h1{font-size:31px}.implementation-audience{margin-bottom:17px}.implementation-switch{width:100%}.implementation-switch button{padding:10px 8px}.guide-section{margin:23px 0}.guide-section-head h2{font-size:24px}.script-copy h3{font-size:16px}.script-speech{font-size:16px;line-height:1.76}.script-note{font-size:14.5px}.example-card summary{grid-template-columns:38px minmax(0,1fr) 24px;padding:13px}.example-icon{width:36px;height:36px}.builder-guide-tools{justify-content:stretch;padding-left:10px;padding-right:10px}.say-it-btn{width:100%;justify-content:center}.say-it-panel{margin-left:10px;margin-right:10px}}