/* Activités — composants de lecture, photos et détails alignés sur les formations. */
.csb-ac-page {--a-foret:#004540;--a-encre:#000;--a-mil:#ffe175;--a-trait:#d8e2dd;--a-section:clamp(44px,5vw,72px);}
body.csb-ac-page main {background:#fff;}
body.csb-ac-page main :is(p,li):not(#csb) {color:#000;text-align:left;font-size:16px;line-height:1.65;hyphens:manual;}
body.csb-ac-page main h2:not(#csb) {font-size:clamp(26px,2.2vw,34px);line-height:1.2;color:var(--a-foret);text-wrap:balance;}
body.csb-ac-page main h3:not(#csb) {color:var(--a-foret);line-height:1.3;}
.csb-ac-page main :is(a,button,summary):focus-visible {outline:2px solid var(--a-foret);outline-offset:4px;}
.csb-ac-page main :is(article[id],section[id]) {scroll-margin-top:110px;}
body.csb-ac-page .common-subtitle span:not(#csb),body.csb-ac-page .csb-ac-surtitre:not(#csb) {font-size:12px;letter-spacing:0;text-transform:none;color:var(--a-foret);margin-bottom:10px;}
.csb-ac-page .common-subtitle {gap:8px;margin-bottom:12px;}
.csb-ac-page .common-subtitle img {width:18px;}
/* Bandeau */
body.csb-ac-page .csb-lc-bandeau .breadcrumb-title h1:not(#csb) {font-size:clamp(30px,3vw,42px);max-width:21em;line-height:1.13;margin-bottom:16px;}
body.csb-ac-page .csb-lc-bandeau .breadcrumb-title p:not(#csb) {max-width:52ch;font-size:17px;color:white;}
body.csb-ac-page .csb-lc-bandeau .breadcrumb-title .csb-fo-surtitre:not(#csb) {font-size:12px;color:#fff;letter-spacing:0;text-transform:none;}
body.csb-ac-page .csb-lc-bandeau .breadcrumb-nav li:not(#csb) {font-size:12px;color:#fff;}
.csb-ac-bandeau .csb-lc-bandeau-fond {object-position:center 40%;}
.csb-ac-page .csb-fo-pastilles {display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;margin:24px 0 0;list-style:none;}
body.csb-ac-page .csb-fo-pastilles li:not(#csb) {display:flex;gap:8px;align-items:center;font-size:12px;color:#fff;}
.csb-ac-page .csb-fo-pastilles i {color:var(--a-mil);}
.csb-ac-page .csb-ac-bandeau a:focus-visible {outline-color:var(--a-mil);}
/* Présentation et repères */
.csb-ac-intro {padding:var(--a-section) 0;}
.csb-ac-intro-grille {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;}
.csb-ac-intro-visuel {display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:end;}
.csb-ac-intro-visuel figure {margin:0;overflow:hidden;border-radius:10px;}
.csb-ac-intro-grande {aspect-ratio:4/5;}
.csb-ac-intro-petite {aspect-ratio:3/5;}
.csb-ac-intro-visuel img {width:100%;height:100%;object-fit:cover;}
.csb-ac-reperes-liste {list-style:none;padding:0;margin:24px 0 0;}
.csb-ac-reperes-liste li {display:flex;gap:14px;border-top:1px solid var(--a-trait);padding:12px 0;}
.csb-ac-reperes-liste strong {display:block;font-size:15px;color:var(--a-foret);}
.csb-ac-ico {display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:28px;font-size:21px;color:var(--a-foret);}
/* Systèmes de production sur fond pleine largeur */
.csb-ac-systemes-section {padding:var(--a-section) 0;background:#f8f7f0;}
.csb-ac-systemes-tete {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
body.csb-ac-page .csb-ac-systemes h3:not(#csb) {font-size:26px;font-family:var(--csb-font-titre);}
.csb-ac-familles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.csb-ac-famille header {display:flex;gap:12px;align-items:center;padding-bottom:12px;}
body.csb-ac-page .csb-ac-famille h4:not(#csb) {font-size:17px;color:var(--a-foret);margin:0;}
.csb-ac-famille ul {list-style:none;padding:0;margin:0;}
.csb-ac-famille li {border-top:1px solid var(--a-trait);}
.csb-ac-famille li>a,.csb-ac-famille li:not(:has(a)) {display:flex;align-items:center;gap:12px;padding:12px 0;color:#000;font-size:14px;min-height:44px;}
.csb-ac-famille i {color:var(--a-foret);}
.csb-ac-fleche {margin-left:auto;font-size:12px;}
/* Catalogue des activités */
.csb-ac-activites {padding:var(--a-section) 0;}
.csb-ac-activites-tete {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:32px;}
.csb-ac-sommaire {display:flex;flex-wrap:wrap;gap:4px 18px;}
.csb-ac-sommaire a {display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:13px;color:var(--a-foret);border-bottom:1px solid var(--a-trait);}
.csb-ac-cartes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;}
.csb-ac-carte {border:1px solid var(--a-trait);border-radius:12px;overflow:hidden;background:white;}
.csb-ac-carte figure {margin:0;}
.csb-ac-carte-photo {display:block;position:relative;aspect-ratio:4/3;overflow:hidden;}
.csb-ac-carte-photo img {width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.csb-ac-carte-photo:hover img {transform:scale(1.025);}
.csb-ac-carte-photo>span {position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;color:var(--a-foret);}
.csb-ac-carte figcaption {font-size:12px;line-height:1.4;padding:10px 20px 0;color:#000;}
.csb-ac-carte-corps {padding:20px;}
body.csb-ac-page .csb-ac-carte h3:not(#csb) {font-family:var(--csb-font-titre);font-size:22px;margin:0 0 14px;}
.csb-ac-carte h3 i {font-size:17px;margin-right:8px;}
body.csb-ac-page .csb-ac-carte p:not(#csb),body.csb-ac-page .csb-ac-programme li:not(#csb) {font-size:14px;line-height:1.6;}
body.csb-ac-page .csb-ac-repere:not(#csb) {display:flex;align-items:start;gap:8px;background:#f5f8f5;border-left:2px solid #8ba994;padding:10px 12px;font-size:12px;line-height:1.5;margin:18px 0;}
.csb-ac-details {border-top:1px solid var(--a-trait);margin-top:18px;}
.csb-ac-details summary {display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:44px;font-size:14px;color:var(--a-foret);}
.csb-ac-details summary::-webkit-details-marker {display:none;}
.csb-ac-details[open] summary i {transform:rotate(45deg);}
.csb-ac-programme {list-style:none;margin:0;padding:0;}
.csb-ac-programme li {display:flex;gap:10px;margin:0;padding:10px 0;}
.csb-ac-programme strong {display:block;color:var(--a-foret);font-weight:600;}
.csb-ac-programme li>i {margin-top:5px;color:var(--a-foret);width:18px;flex:none;}
.csb-ac-detail-photo {display:block;margin:12px 0;}
.csb-ac-detail-photo img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;}
.csb-ac-liens {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;}
.csb-ac-liens a {font-size:13px;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--a-foret);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--a-trait);}
.csb-ac-liens a i {font-size:12px;}
/* Archives */
.csb-ac-echanges {padding:var(--a-section) 0;background:#f5f8f5;}
.csb-ac-echanges-grille {display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,5vw,72px);}
.csb-ac-frise {list-style:none;margin:0;padding:0;}
.csb-ac-frise-item {display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--a-trait);}
.csb-ac-frise-pt {color:var(--a-foret);font-size:18px;padding-top:3px;}
.csb-ac-date {font-size:12px;color:var(--a-foret);}
body.csb-ac-page .csb-ac-frise h3:not(#csb) {font-size:18px;margin:6px 0;}
body.csb-ac-page .csb-ac-frise p:not(#csb) {font-size:14px;margin:4px 0 0;}
/* Orientations et boutons */
.csb-ac-liens-section {padding:var(--a-section) 0;background:#fff;}
.csb-ac-orientations {display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.csb-ac-orientation {display:flex;gap:18px;}
.csb-ac-orientation+.csb-ac-orientation {border-left:1px solid var(--a-trait);padding-left:48px;}
.csb-ac-btn {display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:44px;padding:8px 16px;border:1px solid var(--a-foret);border-radius:6px;color:var(--a-foret);}
.csb-ac-btn i {font-size:13px;}
.csb-ac-btn--plein {background:var(--a-foret);color:white;}
.csb-ac-btn:hover {background:#eef3ee;color:var(--a-foret);}
.csb-ac-page main a:hover {text-decoration:underline;text-underline-offset:4px;}
@media(max-width:1199px){.csb-ac-cartes {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:991px){.csb-ac-intro-grille,.csb-ac-activites-tete,.csb-ac-echanges-grille {grid-template-columns:1fr;}.csb-ac-intro-visuel {max-width:600px;}.csb-ac-intro-grande {aspect-ratio:4/3;}.csb-ac-intro-petite {aspect-ratio:1;}.csb-ac-familles {gap:20px;}.csb-ac-systemes-tete {grid-template-columns:1fr;gap:8px;}}
@media(max-width:767px){.csb-ac-cartes,.csb-ac-familles,.csb-ac-orientations {grid-template-columns:1fr;}.csb-ac-orientation+.csb-ac-orientation {border-left:0;border-top:1px solid var(--a-trait);padding:24px 0 0;}.csb-ac-orientations {gap:24px;}.csb-ac-famille {padding-bottom:8px;}.csb-ac-carte-corps {padding:18px;}}
@media(prefers-reduced-motion:reduce){.csb-ac-carte-photo img {transition:none;}.csb-ac-carte-photo:hover img {transform:none;}}