/* Crabi : styles de contenu. En-tête/footer dans crabi-shell.css. */
:root{--course-ink:#162b63;--course-salmon:#ff7d69;--course-paper:#fffaf6;--course-beige:#fff1ea;--course-soft:#ffe6dc;--course-muted:#5f6788;--course-line:#f0d6cd}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.crabi-courses{margin:0;background:var(--course-paper);color:var(--course-ink);font:400 14px/1.65 Poppins,Arial,sans-serif;overflow-x:hidden}.crabi-courses a{color:inherit;text-decoration:none}.crabi-courses a:focus-visible,.crabi-courses button:focus-visible{outline:3px solid #b85c38;outline-offset:3px}.crabi-courses h1,.crabi-courses h2,.crabi-courses h3,.crabi-courses p{margin-top:0}.crabi-courses h1,.crabi-courses h2,.crabi-courses h3{font-family:"Playfair Display",Georgia,serif;color:var(--course-ink);line-height:1.2}.course-skip{position:fixed;top:-100px;left:12px;z-index:10050;background:#fff;padding:12px 16px;border:2px solid var(--course-salmon)}.course-skip:focus{top:12px}.course-main{position:relative;isolation:isolate;overflow:hidden;background:var(--course-paper);padding:60px 0 94px;min-height:560px}.course-main::before,.course-main::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:#ffe4d8;opacity:.72}.course-main::before{width:360px;height:430px;top:-240px;right:-220px;border-radius:43% 57% 60% 40% / 52% 42% 58% 48%;transform:rotate(-19deg)}.course-main::after{width:290px;height:360px;left:-235px;bottom:35px;border-radius:49% 51% 38% 62% / 47% 59% 41% 53%;transform:rotate(18deg)}.course-content{width:min(100% - 64px,1126px);margin:0 auto;position:relative}.course-heading{text-align:center;margin:0 auto 36px;max-width:1126px}.course-heading h1{font-size:clamp(35px,3.9vw,46px);line-height:1.25;letter-spacing:-.025em;margin:0 0 27px}.course-heading h1::after{content:"";display:block;width:39px;height:3px;border-radius:3px;background:var(--course-salmon);margin:14px auto 0}.course-intro{font:400 clamp(16px,1.65vw,20px)/1.85 Poppins,Arial,sans-serif;max-width:1126px;margin:0 auto;color:var(--course-ink);text-align:center}.course-box{background:#fff;border:1px solid #f5ddd4;border-radius:18px;padding:29px 27px 36px;box-shadow:0 9px 28px rgba(30,27,58,.045);position:relative}.course-box::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:74px;height:3px;background:var(--course-salmon);border-radius:0 0 4px 4px}.course-box h2{font-size:clamp(27px,2.8vw,34px);line-height:1.35;letter-spacing:-.02em;text-align:center;margin:0 0 27px}.course-box-copy{font:400 clamp(15px,1.6vw,20px)/1.85 Poppins,Arial,sans-serif;color:var(--course-ink)}.course-box-copy p{margin:0 0 22px;text-align:left;overflow-wrap:break-word}.course-box-copy p:last-child{margin-bottom:0}.course-box-copy strong{font-weight:600;color:var(--course-ink)}@media(max-width:800px){.course-main{padding:43px 0 70px;min-height:0}.course-content{width:min(100% - 44px,1126px)}.course-heading{margin-bottom:30px}.course-heading h1{font-size:38px;margin-bottom:23px}.course-intro{font-size:16px;line-height:1.8}.course-box{padding:26px 24px 30px;border-radius:16px}.course-box h2{font-size:29px;margin-bottom:23px}.course-box-copy{font-size:16px;line-height:1.8}.course-box-copy p{margin-bottom:18px}}@media(max-width:560px){.course-main{padding:35px 0 58px}.course-content{width:calc(100% - 32px)}.course-heading{margin-bottom:25px}.course-heading h1{font-size:35px;margin-bottom:20px}.course-heading h1::after{margin-top:11px}.course-intro{font-size:15px;line-height:1.75}.course-box{padding:25px 20px 28px;border-radius:15px}.course-box h2{font-size:28px;margin-bottom:23px}.course-box-copy{font-size:15px;line-height:1.8}.course-box-copy p{margin-bottom:18px}}@media(max-width:360px){.course-content{width:calc(100% - 28px)}.course-heading h1{font-size:33px}.course-box{padding:23px 17px 25px}.course-box h2{font-size:26px}.course-intro,.course-box-copy{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.crabi-courses *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 2026-09 — refresh couleurs plus vibrantes */
:root{--course-ink:#162b63;--course-salmon:#ff7d69;--course-paper:#fffaf6;--course-beige:#fff1ea;--course-soft:#ffe6dc;--course-muted:#5f6788;--course-line:#f0d6cd}
body.crabi-courses{background:linear-gradient(180deg,#fffaf6 0%,#fff8f4 100%)}
.course-main::before,.course-main::after{background:#ffe4d8}
.course-box{border-color:#f3d8cf;box-shadow:0 12px 32px rgba(22,43,99,.06)}
.course-intro,.course-box-copy{color:#5f6788}


/* 2026-09 — style2 ultra vibrant crabs */
:root{--course-ink:#102b7b;--course-salmon:#ff6757;--course-paper:#fff9f4;--course-beige:#fff1ea;--course-soft:#ffe6df;--course-muted:#54637f;--course-line:#ffd8cd;--course-gold:#ffc53a;--course-aqua:#53c7be}
body.crabi-courses{background:url("images/shared-decor/crab-pattern-soft.svg") right -180px top 120px/760px auto no-repeat,linear-gradient(180deg,#fff9f4 0%,#fff2ec 100%)}
.course-main::before,.course-main::after{background:#ffe2d7}
.course-box{border-color:#ffdcd1;border-radius:22px;box-shadow:0 16px 40px rgba(16,43,123,.07);background:linear-gradient(180deg,#fff 0%,#fffaf7 100%)}
.course-box h2::after,.course-heading h1::after{background:#ff6757}
.course-intro,.course-box-copy{color:#54637f}
@media(max-width:800px){body.crabi-courses{background:url("images/shared-decor/crab-pattern-soft.svg") right -300px top 120px/590px auto no-repeat,linear-gradient(180deg,#fff9f4 0%,#fff1eb 100%)}}


/* 2026-09 — vivid style without crabs, base algae decorations */
body.crabi-courses{background:linear-gradient(180deg,#fff9f4 0%,#fff2ec 100%)!important}
@media(max-width:800px){body.crabi-courses{background:linear-gradient(180deg,#fff9f4 0%,#fff1eb 100%)!important}}


/* 2026-09 — harmonisation final */
@media(min-width:801px){body.crabi-courses{background:linear-gradient(180deg,#fff9f4 0%,#fff2ec 100%)!important}.course-box{box-shadow:none!important;border-color:#efdfd7!important}.course-box h2::after,.course-heading h1::after{background:#ff7d69!important}}


/* 2026-09 — final refinement pack */
@media(min-width:801px){.course-container{max-width:1240px!important}.course-box{border-radius:18px!important;padding:22px!important}.course-intro,.course-box-copy{color:#5b6179!important;line-height:1.72!important}}