:where(.site-shell) .code-promo { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding: 30px; margin: 32px 0; background: #edf4e6; border-left: 4px solid #668449; border-radius: 8px; }
:where(.site-shell) .code-promo h2 { font-size: clamp(24px, 2vw, 32px); margin: 8px 0 12px; line-height: 1.25; }
:where(.site-shell) .code-promo p { max-width: 680px; margin: 0; }
:where(.site-shell) .code-video-symbol { display: grid; place-items: center; height: 90px; margin-bottom: 24px; color: #102d31; background: #c9ee70; border-radius: 8px; font-size: 36px; }
:where(.site-shell) .code-video-card h3 { margin-top: 16px; }
:where(.site-shell) #exercices,:where(.site-shell) #sites,:where(.site-shell) #videos,:where(.site-shell) #methode { scroll-margin-top: 110px; }
@media(max-width:760px) {
 :where(.site-shell) .code-promo { padding: 22px; }
 :where(.site-shell) .code-promo .button-row { gap: 20px; }
}