/* Official discovery shell — clouds begin at the very top */
.top{height:155px!important;background:#fffefa url('/youkou-clouds-top.png') center top/100% auto no-repeat!important;border:0!important;padding:0 max(24px,5vw)!important;align-items:center!important}.top img{width:78px!important}.top:after{content:"L’école\A qui fait grandir";white-space:pre;position:absolute;left:calc(max(24px,5vw) + 92px);top:61px;padding-left:18px;border-left:1px solid #71878c;color:#526970;font-size:12px;line-height:1.3}.top .wait{position:absolute;right:max(24px,5vw);top:55px}.feature-nav{position:sticky!important;top:0!important;justify-content:center!important;background:#fffefaf2!important}.screen:before{display:none!important}.screen{background:#fffefa!important}
/* force student modal to true centered overlay */
.official-sheet{position:fixed!important;z-index:5000!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(32,54,66,.42)!important;backdrop-filter:blur(10px)!important;padding:22px!important;display:flex!important;align-items:center!important;justify-content:center!important}.official-sheet[hidden]{display:none!important}.official-sheet:before{display:none!important}.official-sheet-inner{width:min(1180px,calc(100vw - 50px))!important;max-height:calc(100vh - 44px)!important;overflow:auto!important;background:#fffdfa!important;border-radius:28px!important;padding:0 30px 30px!important;box-shadow:0 30px 100px #20364244!important}
@media(max-width:780px){.top{height:120px!important;background-size:auto 155px!important}.top:after{top:45px;left:78px}.top .wait{top:39px;right:12px}.official-sheet{padding:8px!important}.official-sheet-inner{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}}
/* Full width teaching demonstrations */
.screen-inner{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;max-width:1280px!important}.screen{padding-top:36px!important}.screen-inner>.copy{width:100%!important;max-width:none!important}.copy h1{font-size:clamp(36px,4vw,58px)!important;line-height:1.06!important;margin:10px 0 12px!important}.copy h1 br{display:none}.copy h1 em{margin-left:.2em}.copy p{max-width:100%!important;margin:12px 0!important;font-size:18px!important}.demo{width:100%!important;min-width:0!important;min-height:0!important}.demo p{font-size:17px!important}.demo .obs textarea{min-height:120px}.top .login{z-index:2}@media(max-width:780px){.top .login{top:82px!important;right:12px!important;font-size:12px!important;padding:6px 10px!important}.screen{padding:24px 16px!important}.demo{padding:20px!important}.copy h1{font-size:36px!important}}

.screen-inner .copy h1{max-width:none!important;width:100%!important}.screen-inner .copy h1 em{max-width:none!important}

.obs .ref.connected-insight{background:#fffefa;border:1px solid #d3e1da;padding:28px;border-radius:24px;margin-top:22px;scroll-margin-top:85px;box-shadow:0 15px 40px #2036420d}.insight-kicker,.insight-step>small,.insight-conclusions small{font-size:12px;font-weight:800;letter-spacing:.09em;color:#486c5c}.insight-intro h3{font-size:32px!important;margin:12px 0!important}.insight-intro>p{max-width:850px;line-height:1.6}.insight-flow{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;margin:24px 0}.insight-step{padding:22px;border:1px solid #dce6df;border-radius:20px;background:#f6f8f4;animation:insight-enter .65s both}.insight-step:nth-child(2){animation-delay:.12s;background:#edf4ef}.insight-step:nth-child(3){animation-delay:.24s;background:#f8ede6}.insight-step h4{font:600 20px/1.25 'Avenir Next',system-ui;margin:14px 0}.insight-step p{font-size:16px!important;line-height:1.55}.insight-status{display:inline-block;border-radius:99px;padding:7px 12px;background:#fff;font-size:13px;font-weight:700;color:#496a5b}.insight-person{display:flex;align-items:center;gap:14px;margin:14px 0}.insight-person h4{margin:0 0 4px}.insight-person>div>span{font-size:13px}.insight-sources{display:flex;flex-wrap:wrap;gap:7px}.insight-sources>span{border:1px solid #c6dacf;border-radius:99px;padding:7px 10px;background:white;font-size:13px;animation:insight-enter .6s .25s both}.insight-example{border-top:1px solid #dce6df;padding-top:18px}.insight-example summary{font-size:16px;font-weight:700;cursor:pointer}.insight-conclusions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.insight-conclusions p{font-size:16px!important}.insight-footnote{font-size:13px!important;line-height:1.6!important;color:#657871;margin-top:24px!important}.connected-insight p{margin:12px 0!important}@keyframes insight-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.insight-flow,.insight-conclusions{grid-template-columns:1fr}.obs .ref.connected-insight{padding:20px}.insight-intro h3{font-size:27px!important}}@media(prefers-reduced-motion:reduce){.insight-step,.insight-sources>span{animation:none}}