/* Cold Smoke — feuille unique du thème cs-forum. Direction : versant nord à l'heure bleue, ombres dures, lecture sur neige. */
@font-face{font-family:"Days One";src:url(../fonts/days-one-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Ruda";src:url(../fonts/ruda-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Ruda";src:url(../fonts/ruda-latin-ext.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113}
:root{--nuit:#0D2A31;--ombre:#173F48;--crevasse:#08191E;--poudre:#F1F5F3;--neige:#DDE7E6;--granit:#172024;--lichen:#4D5F63;--balise:#FF5A1F;--balise-t:#B23A0B;--givre:#8EE3EF;--givre-t:#0E6A77;--brume:#AEB9D3;--brume-c:#E6EAF3;--brume-t:#4A5677;--alerte:#C0262D;--aff:"Days One","Arial Black",Impact,sans-serif;--lec:"Ruda",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--ombre-d:5px 5px 0 var(--crevasse);--r:10px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--nuit);color:var(--poudre);font:400 17px/1.6 var(--lec);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
body.admin-bar{min-height:calc(100vh - 32px)}
main{flex:1 0 auto}
img,svg{max-width:100%}
img{height:auto}
a{color:var(--balise-t);text-underline-offset:3px}
a:hover{color:var(--balise)}
:focus-visible{outline:3px solid var(--givre);outline-offset:3px;border-radius:3px}
.screen-reader-text,.cs-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cs-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--balise);color:var(--granit);padding:10px 16px;font-weight:700}
.cs-skip:focus{left:8px}
.cs-wrap{width:100%;max-width:1248px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;font-weight:400}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
.ic{flex:none;vertical-align:-.2em;color:currentColor}
/* ---------- titres ---------- */
.cs-affiche{font:400 clamp(40px,6.2vw,72px)/1.05 var(--aff);color:var(--poudre);text-shadow:0 5px 0 var(--crevasse);margin:0 0 .4em}
.cs-affiche__accent{color:var(--balise);display:block}
.cs-h1{font:400 clamp(28px,4vw,42px)/1.12 var(--aff);text-shadow:0 4px 0 var(--crevasse)}
.cs-h2{font:400 clamp(24px,3vw,34px)/1.15 var(--aff)}
.cs-h3{font:400 20px/1.2 var(--aff)}
.cs-surtitre{font:700 14px/1.3 var(--lec);letter-spacing:.08em;text-transform:uppercase;color:var(--givre);margin:0 0 14px}
.cs-intro{font-size:19px;max-width:62ch}
.cs-titre-etiq{margin:0 0 28px;font:400 clamp(22px,2.8vw,32px)/1.15 var(--aff)}
.cs-titre-etiq>span{display:inline-block;background:var(--granit);color:var(--poudre);padding:10px 20px 12px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--balise);margin-left:-8px}
.cs-titre-etiq--clair>span{background:var(--granit);box-shadow:4px 4px 0 var(--poudre)}
.cs-bande--poudre .cs-titre-etiq>span,.cs-bande--brume .cs-titre-etiq>span{box-shadow:4px 4px 0 var(--balise)}
/* ---------- bandes ---------- */
.cs-bande{position:relative;padding:72px 0 80px}
.cs-bande--nuit{background:var(--nuit);color:var(--poudre)}
.cs-bande--ombre{background:var(--ombre);color:var(--poudre)}
.cs-bande--poudre{background:var(--poudre);color:var(--granit)}
.cs-bande--poudre h1,.cs-bande--poudre h2,.cs-bande--poudre h3{color:var(--granit)}
.cs-bande--balise{background:var(--balise);color:var(--granit)}
.cs-bande--brume{background:var(--brume-c);color:var(--granit)}
.cs-bande--poudre a:not(.cs-btn):not(.cs-panneau),.cs-bande--brume a:not(.cs-btn):not(.cs-panneau){color:var(--balise-t)}
.cs-courbes{background-repeat:no-repeat;background-size:cover;background-position:center}
.cs-courbes--1{background-image:url(../motifs/courbes-niveau-1.svg)}
.cs-courbes--2{background-image:url(../motifs/courbes-niveau-2.svg)}
.cs-courbes--3{background-image:url(../motifs/courbes-niveau-3.svg)}
.cs-corniche{display:none;position:absolute;left:0;right:0;height:40px;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;z-index:2}
.cs-corniche--a{background-image:url(../motifs/corniche-a.svg)}
.cs-corniche--b{background-image:url(../motifs/corniche-b.svg)}
.cs-corniche--c{background-image:url(../motifs/corniche-c.svg)}
/* bande claire après une sombre : la neige déborde vers le haut ; bande sombre après une claire : la corniche pend sur elle */
.cs-bande--nuit+.cs-bande--poudre>.cs-corniche,.cs-bande--ombre+.cs-bande--poudre>.cs-corniche,.cs-bande--balise+.cs-bande--poudre>.cs-corniche{display:block;top:-36px;transform:scaleY(-1)}
.cs-bande--poudre+.cs-bande--nuit>.cs-corniche,.cs-bande--poudre+.cs-bande--ombre>.cs-corniche,.cs-bande--poudre+.cs-bande--balise>.cs-corniche,.cs-bande--poudre+.cs-bande--brume>.cs-corniche{display:block;top:-2px;transform:none}
.cs-bande__suite{margin:32px 0 0;text-align:center}
/* ---------- boutons ---------- */
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border:3px solid var(--granit);border-radius:var(--r);background:var(--poudre);color:var(--granit)!important;font:700 16px/1.1 var(--lec);text-decoration:none;box-shadow:4px 4px 0 var(--crevasse);cursor:pointer;transition:transform .12s,box-shadow .12s}
.cs-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--crevasse)}
.cs-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--crevasse)}
.cs-btn--balise{background:var(--balise)}
.cs-btn--petit{min-height:36px;padding:6px 14px;font-size:14px}
.cs-btn--grand{min-height:54px;padding:14px 30px;font-size:18px}
.cs-bande--nuit .cs-btn,.cs-bande--ombre .cs-btn{box-shadow:4px 4px 0 var(--crevasse)}
.cs-lien{color:var(--givre);font-weight:700}
.cs-bande--poudre .cs-lien,.cs-bande--brume .cs-lien{color:var(--balise-t)}
.cs-lien-act{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 2px;font:700 14px var(--lec);color:var(--lichen);cursor:pointer;text-decoration:none}
.cs-lien-act:hover{color:var(--balise-t)}
.cs-puce{display:inline-block;font:700 12px/1 var(--lec);letter-spacing:.06em;text-transform:uppercase;color:var(--granit);background:var(--givre);padding:5px 9px;border-radius:4px}
/* ---------- cartes génériques ---------- */
.cs-carte-action,.cs-carte-msg{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d)}
.cs-carte-action{padding:22px}
.encadre,[role=note].encadre{border:3px solid var(--granit);border-radius:var(--r);background:var(--neige);color:var(--granit);padding:16px 18px;margin:20px 0}
.cs-vide{padding:40px 24px;text-align:center;background:var(--poudre);color:var(--granit);border:3px dashed var(--lichen);border-radius:var(--r)}
.cs-vide__masc{max-width:200px;margin:0 auto 12px;display:block}
.cs-avis{padding:14px 18px;border-radius:var(--r);border:3px solid var(--granit);background:var(--givre);color:var(--granit);font-weight:600}
.cs-avis--ok{background:#C8F0D5}
.cs-erreur{color:var(--alerte);font-weight:700}
.cs-note,.cs-aide{font-size:14px;color:var(--lichen)}
.cs-ariane{font-size:14px;margin:0 0 14px}
.cs-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.cs-ariane li+li::before{content:"/";margin-right:6px;opacity:.6}
.cs-ariane a{color:inherit;text-decoration:none;opacity:.85}
.cs-ariane a:hover{opacity:1;text-decoration:underline}
/* ---------- en-tête ---------- */
.cs-header{position:sticky;top:0;z-index:50;background:var(--nuit);border-bottom:3px solid var(--crevasse);box-shadow:0 4px 0 var(--crevasse)}
body.admin-bar .cs-header{top:32px}
.cs-header__in{display:flex;align-items:center;gap:20px;min-height:64px}
.cs-logo{display:flex;align-items:center;flex:none;text-decoration:none;color:var(--poudre)}
.cs-logo__img{height:40px;width:auto;display:block}
.cs-logo__txt{font:400 24px var(--aff)}
.cs-nav{flex:1}
.cs-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.cs-nav a{display:block;padding:10px 14px;color:var(--poudre);font:600 16px var(--lec);text-decoration:none;border-radius:8px}
.cs-nav a:hover,.cs-nav a[aria-current]{background:var(--ombre);color:var(--givre)}
.cs-recherche{display:flex;border:3px solid var(--granit);border-radius:var(--r);background:var(--poudre);box-shadow:3px 3px 0 var(--crevasse);overflow:hidden}
.cs-recherche input{border:0;background:transparent;padding:8px 12px;font:500 15px var(--lec);width:230px;color:var(--granit);min-width:0}
.cs-recherche button{border:0;border-left:3px solid var(--granit);background:var(--granit);color:var(--poudre);padding:0 12px;cursor:pointer;display:flex;align-items:center}
.cs-compte{display:flex;align-items:center;gap:12px;flex:none}
.cs-compte__lien,.cs-compte__moi,.cs-compte__sortie{color:var(--poudre);font:600 15px var(--lec);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.cs-compte__lien:hover,.cs-compte__moi:hover,.cs-compte__sortie:hover{color:var(--givre)}
.cs-header .cs-btn{color:var(--granit)}
/* ---------- pied ---------- */
.cs-pied{background:var(--crevasse);color:var(--poudre);padding:56px 0 100px;margin-top:0}
.cs-pied__marque{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.cs-pied__marque img{height:40px}
.cs-pied__grille{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.cs-pied__t{font:400 17px var(--aff);margin:0 0 14px;color:var(--givre)}
.cs-pied__col ul{list-style:none;margin:0;padding:0}
.cs-pied__col li{margin:0 0 8px}
.cs-pied a{color:var(--poudre);text-decoration:none;font-size:15px}
.cs-pied a:hover{color:var(--balise);text-decoration:underline}
.cs-pied__legal{margin:32px 0 0;padding-top:20px;border-top:1px solid #1F4F59;font-size:14px;color:var(--brume)}
.cs-onglets{display:none}
/* ---------- accueil : hero ---------- */
.cs-hero{padding:56px 0 96px;overflow:hidden}
.cs-hero__grille{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:40px;align-items:center;max-width:1248px;margin:0 auto;padding:0 24px}
.cs-hero__phrase{font-size:19px;max-width:46ch;color:var(--neige)}
.cs-action{margin:24px 0}
.cs-action__q{display:block;font:700 15px var(--lec);margin-bottom:8px}
.cs-action__ligne{display:flex;gap:10px}
.cs-action__ligne input{flex:1;min-width:0;border:3px solid var(--granit);border-radius:var(--r);padding:12px 14px;font:500 16px var(--lec);background:#fff;color:var(--granit)}
.cs-action__alt{margin:12px 0 0;font-size:15px}
.cs-chiffres{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0 0}
.cs-chiffre{min-width:0}
.cs-chiffre__n{display:block;font:400 clamp(36px,5vw,64px)/1 var(--aff);color:var(--givre);text-shadow:0 4px 0 var(--crevasse);font-variant-numeric:tabular-nums}
.cs-chiffre__l{font:600 14px var(--lec);color:var(--neige)}
.cs-hero__droite{position:relative}
.cs-scene{position:relative;aspect-ratio:720/760;max-height:620px;border-radius:14px}
.cs-scene__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:3px solid var(--granit);border-radius:14px;box-shadow:8px 8px 0 var(--crevasse);background:var(--nuit)}
.cs-scene__ossian{position:absolute;right:3%;bottom:3px;height:74%;width:auto;animation:cs-resp 4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes cs-resp{50%{transform:scaleY(1.012)}}
.cs-moment-liste{position:absolute;left:-84px;top:30px;display:flex;flex-direction:column;gap:12px;width:250px;z-index:2}
.cs-moment-liste__t{font:700 13px var(--lec);letter-spacing:.08em;text-transform:uppercase;color:var(--granit);background:var(--givre);align-self:flex-start;padding:4px 10px;border-radius:4px;margin:0}
.cs-moment{display:flex;gap:10px;align-items:center;background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);padding:10px 12px;box-shadow:4px 4px 0 var(--crevasse);text-decoration:none;font-size:14px;line-height:1.3}
.cs-moment:hover{transform:translate(-2px,-2px)}
.cs-moment__txt strong{display:block;font-size:15px}
.cs-moment__txt span{color:var(--lichen)}
/* ---------- écussons ---------- */
.cs-ecu{--teinte:#F2B880;--t:68px;display:inline-block;width:var(--t);flex:none;position:relative;filter:drop-shadow(3px 3px 0 var(--crevasse))}
.cs-ecu__face{display:flex;align-items:center;justify-content:center;aspect-ratio:5/6;background:var(--teinte);color:var(--granit);border:3px solid var(--granit);border-radius:10px 10px 50% 50%/10px 10px 46% 46%;outline:4px solid var(--poudre);outline-offset:0;box-shadow:0 0 0 7px var(--granit);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 3px,transparent 3px 7px)}
.cs-ecu__ic .ic,.cs-ecu__ic svg{width:calc(var(--t)*.5);height:calc(var(--t)*.5)}
.cs-ecu__lettre{font:400 calc(var(--t)*.45) var(--aff)}
.cs-ecu__ruban{display:none}
.cs-ecu--mini{--t:36px;filter:drop-shadow(2px 2px 0 var(--crevasse))}
.cs-ecu--mini .cs-ecu__face{outline-width:2px;box-shadow:0 0 0 4px var(--granit);border-width:2px}
.cs-ecu--geant{--t:128px}
.cs-ecu-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.cs-ecu-grille--sous{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-ecu-carte{position:relative;display:block;padding-left:112px!important;min-height:150px;background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);padding:18px;box-shadow:var(--ombre-d);transition:transform .15s,box-shadow .15s;min-width:0}
.cs-ecu-carte:hover,.cs-ecu-carte:focus-within{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:8px 8px 0 var(--crevasse)}
.cs-ecu-carte__lien{position:absolute;inset:0;z-index:0;border-radius:var(--r)}
.cs-ecu-carte .cs-ecu{position:absolute;left:20px;top:20px}
.cs-ecu-carte__corps{position:relative;z-index:1;pointer-events:none}
.cs-ecu-carte__corps a{pointer-events:auto;color:var(--granit);text-decoration:none}
.cs-ecu-carte__corps a:hover{color:var(--balise-t);text-decoration:underline}
.cs-ecu-carte__corps{min-width:0}
.cs-ecu-carte__nom{font:400 17px/1.2 var(--aff);margin:0 0 6px}
.cs-ecu-carte__desc{font-size:14px;color:var(--lichen);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-chiffres-mini{display:flex;gap:10px 12px;flex-wrap:wrap;margin:0;font-size:13px}
.cs-chiffres-mini div{display:flex;flex-direction:column-reverse}
.cs-chiffres-mini dt{color:var(--lichen);font-size:12px}
.cs-chiffres-mini dd{margin:0;font:700 17px var(--lec);font-variant-numeric:tabular-nums}
.cs-ecu-carte__der{font-size:12px;color:var(--lichen);margin:8px 0 0}
.cs-prudence{display:flex;gap:14px;align-items:flex-start;background:#FFF1E8;border-color:var(--balise)}
.cs-prudence__piquet{flex:none;width:10px;align-self:stretch;min-height:44px;background:repeating-linear-gradient(0deg,var(--balise) 0 10px,var(--granit) 10px 14px);border:2px solid var(--granit);border-radius:4px}
.cs-prudence p{margin:0}
/* ---------- mur / cartes / rangées ---------- */
.cs-mur{display:grid;gap:24px}
.cs-mur--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-carte{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cs-carte__img{display:block;aspect-ratio:4/3;background:var(--ombre);overflow:hidden}
.cs-carte__img img{width:100%;height:100%;object-fit:cover;display:block}
.cs-carte__txt{padding:16px 18px 18px}
.cs-carte__type{margin:0 0 8px}
.cs-carte__titre{font:700 19px/1.25 var(--lec);margin:0 0 8px}
.cs-carte__titre a{color:var(--granit);text-decoration:none}
.cs-carte__titre a:hover{color:var(--balise-t);text-decoration:underline}
.cs-carte__m{font-size:13px;color:var(--lichen);margin:6px 0 0}
.cs-resume-sortie{font:700 14px var(--lec);color:var(--givre-t);margin:0}
.cs-carte--resolu{border-color:var(--givre-t)}
.cs-type{display:inline-block;font:700 12px/1 var(--lec);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:var(--granit);color:var(--poudre)}
.cs-type--recit{background:var(--balise);color:var(--granit)}
.cs-resolu{display:inline-flex;align-items:center;gap:4px;font:700 13px var(--lec);color:var(--givre-t)}
.cs-rangees{display:flex;flex-direction:column;gap:16px}
.cs-rangee{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);padding:12px;box-shadow:4px 4px 0 var(--crevasse);position:relative}
.cs-rangee:hover{box-shadow:6px 6px 0 var(--crevasse);transform:translate(-1px,-1px)}
.cs-rangee__vign{display:block;width:96px;height:72px;border-radius:8px;overflow:hidden;background:var(--ombre);border:2px solid var(--granit)}
.cs-rangee__vign img,.cs-vign{width:100%;height:100%;object-fit:cover;display:block}
.cs-vign--vide{display:block;width:100%;height:100%;background:var(--teinte,var(--ombre))}
.cs-rangee__corps{min-width:0}
.cs-rangee__titre{font:700 18px/1.25 var(--lec);margin:0 0 4px}
.cs-rangee__titre,.cs-rangee__titre a{color:var(--granit);text-decoration:none}
.cs-rangee__titre a:hover{color:var(--balise-t);text-decoration:underline}
.cs-rangee__extrait{margin:0 0 6px;font-size:14px;color:var(--lichen);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cs-rangee__type,.cs-rangee__forum{font-size:13px;color:var(--lichen);margin-right:8px}
.cs-rangee__cote{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;color:var(--lichen);text-align:right;min-width:120px}
.cs-rangee__rep{font:700 15px var(--lec);color:var(--granit)}
.cs-nouv{background:var(--givre);color:var(--granit);font:700 12px var(--lec);padding:3px 8px;border-radius:4px}
.cs-pile{display:flex;align-items:center;gap:8px}
.cs-pile__g{display:flex}
.cs-pile__g .cs-av{margin-left:-8px}
.cs-pile__g .cs-av:first-child{margin-left:0}
.cs-pile__txt{font-size:12px;color:var(--lichen)}
.cs-av{width:48px;height:48px;border-radius:50%;border:3px solid var(--granit);background:var(--ombre);object-fit:cover;flex:none}
.cs-pile .cs-av{width:28px;height:28px;border-width:2px}
.cs-av--grand{width:120px;height:120px;border-width:4px;box-shadow:5px 5px 0 var(--crevasse)}
.cs-aider{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.cs-aider .cs-rangee{grid-template-columns:minmax(0,1fr) auto}
.cs-aider .cs-rangee__vign{display:none}
/* ---------- bien partir ---------- */
.cs-partir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cs-partir__c{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);padding:20px;box-shadow:5px 5px 0 var(--granit)}
.cs-partir__c .ic{width:44px;height:44px;margin-bottom:10px}
.cs-partir__t{font:400 19px/1.2 var(--aff);margin:0 0 8px}
.cs-partir__c p{font-size:15px;margin:0}
.cs-bande--balise .cs-lien,.cs-bande--balise a:not(.cs-btn){color:var(--granit);font-weight:700}
/* ---------- actualités ---------- */
.cs-actu-grille{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-actu-carte{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cs-actu-carte__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ombre)}
.cs-actu-carte__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.cs-actu-carte:hover .cs-actu-carte__img img{transform:scale(1.03)}
.cs-actu-carte__txt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.cs-actu-carte__meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--lichen)}
.cs-actu-carte__t{font:700 20px/1.25 var(--lec);margin:0}
.cs-actu-carte__t a{color:var(--granit);text-decoration:none}
.cs-actu-carte__t a:hover{color:var(--balise-t);text-decoration:underline}
.cs-actu-carte__ex{margin:0;font-size:15px;color:var(--lichen);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-actu-carte__date{font-size:13px;color:var(--lichen);margin:0}
.cs-discuter{display:inline-flex;gap:6px;align-items:center;margin-top:auto;font:700 14px var(--lec);color:var(--balise-t)}
.cs-actu-carte--une{grid-column:1/-1;flex-direction:row;min-height:320px}
.cs-actu-carte--une .cs-actu-carte__img{flex:0 0 52%;aspect-ratio:auto}
.cs-actu-carte--une .cs-actu-carte__t{font:400 clamp(24px,3vw,34px)/1.15 var(--aff)}
.cs-actu-filtres ul,.cs-filtres ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0}
.cs-actu-filtres a,.cs-filtres a,.cs-bascule a,.cs-filtres-texte a{display:inline-block;padding:8px 14px;border:2px solid var(--granit);border-radius:999px;background:var(--poudre);color:var(--granit);font:700 14px var(--lec);text-decoration:none}
.cs-actu-filtres a.is-actif,.cs-filtres a.is-actif,.cs-bascule a.is-actif{background:var(--balise)}
.cs-actu-filtres a:hover,.cs-filtres a:hover{background:var(--givre)}
.cs-niveau-article{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--lichen);margin:0}
.cs-page-tete{background:var(--nuit);position:relative}
.cs-page-tete__in{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:56px;padding-bottom:64px}
.cs-page-tete__txt{max-width:720px}
.cs-page-tete__masc{flex:none;width:200px}
.cs-page-tete__masc img{width:100%}
.cs-main--actus,.cs-main--article,.cs-main--page,.cs-main--compte,.cs-main--404,.cs-main--contact,.cs-main--apropos,.cs-main--charte{background:var(--poudre);color:var(--granit)}
.cs-main--actus .cs-wrap,.cs-main--page .cs-wrap{padding-top:0}
.cs-main--actus>.cs-page-tete,.cs-main--article>.cs-page-tete,.cs-main--charte>.cs-page-tete{color:var(--poudre)}
.cs-main--actus>section{padding:56px 0 80px}
/* ---------- article ---------- */
.cs-progression{position:fixed;top:0;left:0;right:0;height:4px;z-index:80;background:rgba(8,25,30,.3)}
.cs-progression>i{display:block;height:100%;width:0;background:var(--balise)}
.cs-article-grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1128px;gap:48px;justify-content:center;align-items:start;padding-top:40px;padding-bottom:80px}
.cs-article{min-width:0}
.cs-article__cote{position:sticky;top:88px;min-width:0}
.cs-article__cote .cs-cote{margin-bottom:20px}
.cs-article__une{margin:0 0 28px}
.cs-article__une img{width:100%;border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d)}
.cs-sommaire{background:var(--neige);border:3px solid var(--granit);border-radius:var(--r);padding:16px 20px;margin:0 0 28px}
.cs-sommaire ol{margin:0;padding-left:1.2em}
.cs-sommaire a{color:var(--granit);font-weight:600}
.cs-prose{font-size:17.5px;line-height:1.7;max-width:70ch}
.cs-prose h2{font:400 clamp(24px,3vw,30px)/1.2 var(--aff);margin:1.8em 0 .6em;padding-top:.2em}
.cs-prose h3{font:700 21px/1.3 var(--lec);margin:1.5em 0 .5em}
.cs-prose img{border:3px solid var(--granit);border-radius:8px}
.cs-prose blockquote{margin:1.4em 0;padding:12px 20px;border-left:6px solid var(--balise);background:var(--neige)}
.cs-prose table{border-collapse:collapse;width:100%}
.cs-prose td,.cs-prose th{border:2px solid var(--granit);padding:8px 10px;text-align:left}
.cs-prose th{background:var(--neige)}
.sbs_tableau{overflow-x:auto;margin:1.2em 0}
.cs-prose--etroit{max-width:62ch}
.cs-article__meta{font-size:14px;color:var(--lichen)}
.cs-article__forum{margin-top:40px}
.cs-voisins{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
/* ---------- panneaux fléchés ---------- */
.cs-panneau{display:block;position:relative;background:var(--poudre);color:var(--granit)!important;border:3px solid var(--granit);border-radius:10px 0 0 10px;padding:12px 56px 12px 16px;text-decoration:none;box-shadow:4px 4px 0 var(--crevasse);clip-path:none;min-width:0}
.cs-panneau::after{content:"";position:absolute;right:-3px;top:-3px;bottom:-3px;width:44px;background:var(--balise);border:3px solid var(--granit);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%);border-left:0}
.cs-panneau:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--crevasse)}
.cs-panneau__lib{display:block;font:700 12px var(--lec);letter-spacing:.06em;text-transform:uppercase;color:var(--lichen)}
.cs-panneau__t{display:block;font:700 16px/1.25 var(--lec)}
.cs-panneau__tps{display:block;font-size:13px;color:var(--lichen)}
/* ---------- forum : bandeau ---------- */
.cs-forum{background:var(--poudre);color:var(--granit)}
.cs-bandeau{background:var(--ombre);color:var(--poudre);padding:40px 0 48px;border-bottom:3px solid var(--crevasse);position:relative;background-image:url(../motifs/courbes-niveau-2.svg);background-size:cover}
.cs-bandeau__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center}
.cs-bandeau__fiche .cs-ariane{color:var(--neige)}
.cs-bandeau__desc{max-width:64ch;color:var(--neige);margin-bottom:12px}
.cs-chiffres--bandeau{margin:12px 0}
.cs-chiffres--bandeau .cs-chiffre__n{font-size:34px}
.cs-bandeau__der{font-size:14px;color:var(--brume)}
.cs-bandeau__masc img{max-height:260px;width:auto}
.cs-ecu__ruban{display:none}
.cs-bandeau__act{margin-top:12px}
.cs-forum__corps{padding:40px 0 80px}
.cs-colonnes{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;max-width:1248px;margin:0 auto;padding:0 24px}
.cs-cote{background:var(--neige);border:3px solid var(--granit);border-radius:var(--r);padding:16px 18px;margin-bottom:20px;box-shadow:4px 4px 0 var(--crevasse)}
.cs-colonnes__cote .cs-panneau{margin-bottom:16px}
.cs-bascule{margin:0 0 16px;display:flex;gap:8px}
.cs-pagination{display:flex;justify-content:space-between;align-items:center;margin:24px 0;flex-wrap:wrap;gap:12px;font-size:14px}
.cs-pagination .page-numbers{display:inline-block;padding:6px 12px;border:2px solid var(--granit);border-radius:6px;background:var(--poudre);color:var(--granit);text-decoration:none;font-weight:700}
.cs-pagination .current{background:var(--balise)}
/* ---------- fil ---------- */
.cs-fil-wrap{background:var(--poudre);color:var(--granit)}
.cs-ouverture{background:var(--ombre);color:var(--poudre);padding:32px 0 40px;background-image:url(../motifs/courbes-niveau-3.svg);background-size:cover;border-bottom:3px solid var(--crevasse)}
.cs-ouverture__in{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1248px;margin:0 auto;padding:0 24px}
.cs-ouverture__in--fiche{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.cs-ouverture__tete{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.cs-ouverture__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}
.cs-ouverture__forum{color:var(--givre);font-weight:700;text-decoration:none}
.cs-ouverture__titre{font:400 clamp(28px,4vw,42px)/1.12 var(--aff);text-shadow:0 4px 0 var(--crevasse);margin:0 0 14px}
.cs-ouverture__par{color:var(--neige);margin:0 0 14px}
.cs-ouverture__compteurs{display:flex;gap:20px;list-style:none;padding:0;margin:0;font-weight:700}
.cs-fil-corps{padding:40px 0 80px}
.cs-fil-grille{display:grid;grid-template-columns:minmax(0,760px) minmax(0,344px);gap:48px;max-width:1248px;margin:0 auto;padding:0 24px;align-items:start;justify-content:center}
.cs-fil-main{min-width:0}
.cs-fil-colonne{position:sticky;top:88px;min-width:0}
.cs-lacets{text-align:center}
.cs-lacets__svg{width:100%;max-width:200px;height:280px;margin:0 auto;display:block}
.cs-lacets__reste{fill:none;stroke:var(--lichen);stroke-width:4;stroke-dasharray:3 6;stroke-linecap:round;opacity:.6}
.cs-lacets__fait{fill:none;stroke:var(--balise);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--lus,0));transition:stroke-dashoffset .3s}
.cs-lacets__txt{font:700 16px var(--lec);margin:8px 0 0}
.cs-msg{margin:0 0 22px;padding:0 0 12px;position:relative;border-left:4px solid var(--balise);scroll-margin-top:90px}
.cs-msg--ouverture{border-left-color:var(--balise)}
.cs-msg__bandeau{background:var(--givre);margin:0;padding:6px 18px;font:700 13px var(--lec);border-bottom:3px solid var(--granit)}
.cs-msg__tete{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px 8px;min-height:56px;flex-wrap:wrap}
.cs-msg__qui{display:flex;gap:12px;align-items:center;min-width:0}
.cs-msg__lien{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--granit);min-width:0}
.cs-msg__ident{display:flex;flex-direction:column;line-height:1.25}
.cs-msg__nom{font:700 16px var(--lec)}
.cs-msg__niveau{font-size:13px;color:var(--lichen)}
.cs-msg__rang{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--lichen)}
.cs-msg__num{color:var(--lichen);text-decoration:none;font-weight:700}
.cs-contenu{padding:6px 18px 8px;font-size:17px;line-height:1.62;overflow-wrap:anywhere}
.cs-contenu p{margin:0 0 .9em}
.cs-contenu blockquote{margin:1em 0;padding:8px 16px;border-left:5px solid var(--givre-t);background:var(--neige)}
.cs-contenu img{border:2px solid var(--granit);border-radius:6px}
.cs-pieces{display:flex;gap:12px;flex-wrap:wrap;padding:0 18px 8px;margin:0}
.cs-piece{margin:0;max-width:300px}
.cs-msg__pied{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;padding:6px 14px 8px;border-top:2px solid var(--neige)}
.cs-reac{display:flex;gap:6px;flex-wrap:wrap}
.cs-reac__f{margin:0}
.cs-reac__b,.cs-reac__b:hover{text-decoration:none}
.cs-reac__b{display:inline-flex;gap:5px;align-items:center;background:var(--poudre);border:2px solid var(--granit);border-radius:999px;padding:4px 10px;font:700 13px var(--lec);color:var(--granit);cursor:pointer}
.cs-reac__b:hover{background:var(--neige)}
.cs-reac__b.is-actif{background:var(--balise);box-shadow:2px 2px 0 var(--crevasse)}
.cs-reac__b .ic{width:18px;height:18px}
.cs-msg__actions{display:flex;gap:6px}
.cs-msg--frais{box-shadow:var(--ombre-d),0 0 0 3px var(--givre)}
.cs-retenue{margin:0 18px 12px}
.cs-signet-ligne{display:flex;gap:10px;align-items:center;background:var(--givre);border:3px solid var(--granit);border-radius:var(--r);padding:8px 14px;margin:0 0 20px;font:700 14px var(--lec);box-shadow:3px 3px 0 var(--crevasse)}
.cs-cairn{width:32px;height:32px}
.cs-finfil{background:var(--poudre);border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d);padding:28px;margin:40px 0 0;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}
.cs-finfil__masc img{width:100%;max-width:180px}
.cs-finfil__suite{display:grid;gap:14px;margin-top:16px}
.cs-finfil__act{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.cs-composeur{display:none}
.cs-fil-ligne{display:none}
/* ---------- fiche de sortie ---------- */
.cs-fiche{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d);overflow:hidden}
.cs-fiche__tete{background:var(--crevasse);color:var(--poudre);padding:12px 18px}
.cs-fiche__etq{font:700 12px var(--lec);letter-spacing:.08em;text-transform:uppercase;color:var(--givre);margin:0}
.cs-fiche__titre{font:400 19px/1.2 var(--aff);margin:4px 0 0;color:var(--poudre)}
.cs-fiche__corps{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.cs-fiche__deniv{grid-column:1/-1;margin:0;font:400 56px/1 var(--aff);color:var(--granit)}
.cs-fiche__deniv span{font:700 22px var(--lec);margin-left:4px}
.cs-fiche__bloc{margin:0}
.cs-rose{width:88px;height:88px}
.cs-rose path{fill:var(--neige);stroke:var(--granit);stroke-width:1.5}
.cs-rose path.est-sel{fill:var(--balise)}
.cs-nivo{width:34px;height:84px}
.cs-nivo__perche{fill:var(--poudre);stroke:var(--granit);stroke-width:2}
.cs-nivo__neige{fill:var(--givre-t)}
.cs-fiche__liste{list-style:none;margin:0;padding:0;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.cs-fiche__rappel{grid-column:1/-1;margin:0;padding:10px 18px;font-size:13px;background:var(--neige);color:var(--lichen)}
/* ---------- formulaires ---------- */
.cs-formulaire{padding:22px;color:var(--granit)}
.cs-champ{margin:0 0 18px}
.cs-champ label,.cs-champ>span:first-child{display:block;font:700 15px var(--lec);margin-bottom:6px}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea,select{width:100%;font:500 16px var(--lec);padding:11px 13px;border:3px solid var(--granit);border-radius:8px;background:#fff;color:var(--granit)}
textarea{min-height:160px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:3px solid var(--givre);border-color:var(--givre-t)}
.cs-case-a-cocher{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:0 0 12px}
.cs-case-a-cocher input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--balise)}
.cs-formulaire__act{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cs-fieldset{border:2px dashed var(--lichen);border-radius:8px;padding:12px 14px;margin:0 0 16px}
.cs-fieldset legend{font:700 14px var(--lec);padding:0 6px}
.cs-choix{display:flex;gap:10px;flex-wrap:wrap}
.cs-choix__c{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--granit);border-radius:999px;background:var(--poudre);cursor:pointer;font:600 14px var(--lec)}
.cs-choix__c:has(input:checked){background:var(--balise)}
.cs-choix__c--ecusson{display:flex;border-radius:var(--r)}
.cs-choix--ecussons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cs-ligne-champs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-fiche-champs{margin:0 0 16px;border:2px dashed var(--lichen);border-radius:8px;padding:10px 14px}
.cs-fiche-champs summary{font:700 15px var(--lec);cursor:pointer}
.cs-champ-mdp{display:flex;gap:8px}
.cs-champ-mdp button{flex:none;border:2px solid var(--granit);border-radius:8px;background:var(--neige);padding:0 12px;font:700 13px var(--lec);cursor:pointer}
/* ---------- comptes ---------- */
.cs-compte-page{background:var(--nuit);padding:48px 0 80px;background-image:url(../motifs/courbes-niveau-1.svg);background-size:cover;min-height:70vh}
.cs-compte-page__in{display:grid;grid-template-columns:minmax(0,520px) 240px;gap:48px;max-width:900px;margin:0 auto;padding:0 24px;align-items:end;justify-content:center}

.cs-compte-page__carte h1{font:400 clamp(26px,3.4vw,36px)/1.15 var(--aff);color:var(--granit);margin:0 0 14px}
.cs-compte-page__masc img{width:100%;max-width:240px}
.cs-etapes{display:flex;gap:8px;list-style:none;margin:0 0 20px;padding:0;counter-reset:e}
.cs-etapes li{flex:1;height:8px;border-radius:4px;background:var(--neige);border:2px solid var(--granit);font-size:0;counter-increment:e}
.cs-etapes li.is-actif{background:var(--balise)}
.js [data-cs-insc] .cs-etape{display:none;border:0;padding:0;margin:0}
.js [data-cs-insc] .cs-etape.is-actif{display:block}
.cs-etape legend{font:400 22px var(--aff);margin-bottom:12px;padding:0}
.cs-etape{min-width:0}
/* ---------- profil ---------- */
.cs-profil-tete{background:var(--ombre);color:var(--poudre);padding:40px max(24px,calc((100% - 1200px)/2));display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background-image:url(../motifs/courbes-niveau-2.svg);background-size:cover}
.cs-profil-tete h1{font:400 clamp(28px,4vw,42px) var(--aff);margin:0 0 6px;text-shadow:0 4px 0 var(--crevasse)}
.cs-profil-tete__niv{font-weight:700;color:var(--givre);margin:0}
.cs-profil-tete__phrase{font-size:14px;color:var(--neige);max-width:56ch}
.cs-pratiques{display:flex;gap:10px;list-style:none;padding:0;margin:8px 0;flex-wrap:wrap}
.cs-cousus{margin-top:12px}
.cs-cousus__liste{display:flex;gap:18px;list-style:none;padding:0;flex-wrap:wrap}
.cs-cousus__liste a{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--poudre);text-decoration:none;font-size:13px}
.cs-cousus__seuil{font-size:13px;color:var(--brume)}
.cs-profil-corps{background:var(--poudre);color:var(--granit);padding:40px max(24px,calc((100% - 1200px)/2)) 80px}
.cs-profil__chiffres{display:flex;gap:28px;flex-wrap:wrap}
.cs-profil__chiffres .cs-chiffre__n{color:var(--granit);text-shadow:none}
.cs-profil__chiffres .cs-chiffre__l{color:var(--lichen)}
.cs-profil__bloc{margin:0 0 32px}
.cs-jauge{display:flex;gap:16px;align-items:center}
.cs-piquet{display:flex;flex-direction:column-reverse;list-style:none;padding:0;margin:0;width:26px;border:3px solid var(--granit);border-radius:6px;overflow:hidden;font-size:0}
.cs-piquet li{height:16px;background:var(--poudre);border-top:2px solid var(--granit)}
.cs-piquet li.est-atteint{background:var(--balise)}
.cs-piquet li.est-ici{background:var(--givre)}
.cs-jauge__t{font-weight:700;margin:0}
.cs-jauge__m{font-size:13px;color:var(--lichen);margin:0}
/* ---------- pages de texte / charte ---------- */
.cs-main--page>.cs-wrap,.cs-main--contact>.cs-wrap,.cs-main--apropos>.cs-wrap,.cs-main--charte>.cs-wrap{padding-top:40px;padding-bottom:80px}
.cs-charte__bloc{margin:0 0 36px}
.cs-charte__bloc--securite{background:#FFF1E8;border:3px solid var(--balise);border-radius:var(--r);padding:22px}
.cs-charte__alerte{background:#FFF1E8;border-color:var(--balise)}
.cs-info3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cs-info3__c{background:var(--neige);border:3px solid var(--granit);border-radius:var(--r);padding:16px}
.cs-apropos__scene{margin:0 0 28px}
.cs-apropos__scene{min-width:0;max-width:100%}
.cs-apropos__scene img{display:block;max-width:100%;height:auto;box-sizing:border-box;width:100%;border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d)}
.cs-donnees{background:var(--neige);padding:12px 16px;border-radius:8px}
.cs-contact{max-width:640px}
.cs-citation-signal{border-left:5px solid var(--alerte);background:var(--neige);margin:12px 0;padding:10px 16px}
.cs-radio{display:block;margin:6px 0}
table.cs-niveaux{border-collapse:collapse;width:100%}
table.cs-niveaux td,table.cs-niveaux th{border:2px solid var(--granit);padding:8px 10px;text-align:left}
.cs-recherche-geante{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;align-items:center}
.cs-recherche-geante__champ{flex:1 1 320px;width:auto}
.cs-filtres-texte{flex:1 0 100%;display:flex;gap:16px;flex-wrap:wrap;font-weight:700;font-size:14px;color:var(--poudre)}
.cs-filtres-texte label{display:flex;flex-direction:column;gap:4px;min-width:220px}
.cs-filtres-texte select{padding:8px 10px}
.cs-recherche-geante input{font-size:20px;padding:16px}
mark{background:var(--givre);color:var(--granit);padding:0 2px}
.cs-404{background:var(--nuit);padding:56px 0 80px;background-image:url(../motifs/courbes-niveau-3.svg);background-size:cover}
.cs-404__in{display:grid;grid-template-columns:minmax(0,560px) 260px;gap:40px;max-width:900px;margin:0 auto;padding:0 24px;align-items:end;justify-content:center}
.cs-404__masc img{width:100%}
.cs-404__carte h1{font:400 clamp(26px,3.6vw,38px)/1.15 var(--aff);color:var(--granit)}
/* ---------- bbPress : neutralisations ---------- */
#bbpress-forums{font-size:inherit;overflow:visible}
#bbpress-forums ul,#bbpress-forums li{list-style:none;margin:0;padding:0;border:0;background:none;float:none}
#bbpress-forums .bbp-pagination{display:none}
#bbpress-forums div.bbp-template-notice,#bbpress-forums div.bbp-template-notice.info{border:3px solid var(--granit);background:var(--givre);color:var(--granit);border-radius:var(--r);padding:12px 16px;margin:0 0 16px}
#bbpress-forums div.bbp-template-notice p{margin:0}
#bbpress-forums fieldset.bbp-form{border:0;padding:0;margin:0}
#bbpress-forums fieldset.bbp-form legend{font:400 24px var(--aff);margin-bottom:12px}
.cs-bbpress .bbp-forum-info,.cs-bbpress .bbp-topic-title{all:unset}
.bbp-breadcrumb{display:none}
/* ---------- mouvement / responsive ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:1180px){
 .cs-ecu-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cs-recherche input{width:130px}
 .cs-nav a{padding:10px 10px}
 .cs-moment-liste{left:-30px;width:270px}
}
@media (max-width:1024px){
 .cs-recherche{display:none}
 .cs-hero__grille{grid-template-columns:1fr}
 .cs-hero__droite{max-width:560px}
 .cs-fil-grille{grid-template-columns:minmax(0,1fr)}
 .cs-fil-colonne{position:static;display:none}
 .cs-colonnes{grid-template-columns:1fr}
 .cs-bandeau__in{grid-template-columns:auto 1fr}
 .cs-bandeau__masc{grid-column:1/-1;justify-self:end;margin-top:-8px}
 .cs-bandeau__masc img{max-height:80px;width:auto}
 .cs-mur--3,.cs-actu-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-partir{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-pied__grille{grid-template-columns:repeat(2,1fr)}
 .cs-ouverture__in--fiche{grid-template-columns:1fr}
 .cs-actu-carte--une{flex-direction:column}
 .cs-actu-carte--une .cs-actu-carte__img{flex:none;aspect-ratio:16/9}
}
@media (max-width:720px){
 body{font-size:16px;padding-bottom:64px}
 .cs-wrap{padding:0 16px}
 .cs-nav,.cs-compte__lien,.cs-compte__sortie{display:none}
 .cs-header__in{min-height:56px;gap:10px}
 .cs-logo__img{height:34px}
 .cs-compte{margin-left:auto}
 .cs-compte .cs-btn{padding:8px 14px;min-height:38px;font-size:14px}
 .cs-bande{padding:48px 0 56px}
 .cs-hero{padding:32px 0 56px}
 .cs-hero__grille{padding:0 16px;gap:28px}
 .cs-affiche{font-size:40px}
 .cs-action__ligne{flex-direction:column}
 .cs-chiffres{gap:16px}
 .cs-chiffre__n{font-size:34px}
 .cs-scene{aspect-ratio:auto;height:360px}
 .cs-scene__ossian{height:62%;right:4%}
 .cs-moment-liste{position:static;width:auto;padding:12px;background:rgba(8,25,30,.55)}
 .cs-scene{display:flex;flex-direction:column;justify-content:flex-end}
 .cs-scene .cs-moment-liste{position:relative}
 .cs-ecu-grille,.cs-ecu-grille--sous{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .cs-ecu-carte{padding:96px 14px 14px!important;min-height:0}
 .cs-ecu-carte .cs-ecu{left:18px;top:18px}
 .cs-mur--3,.cs-actu-grille{grid-template-columns:1fr}
 .cs-partir{grid-template-columns:1fr}
 .cs-rangee{grid-template-columns:72px minmax(0,1fr);gap:12px}
 .cs-rangee__vign{width:72px;height:60px}
 .cs-rangee__cote{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;min-width:0}
 .cs-rangee__extrait{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .cs-aider{grid-template-columns:1fr}
 .cs-bandeau{padding:28px 0}
 .cs-bandeau__in{grid-template-columns:1fr;gap:16px}
 .cs-bandeau .cs-ecu--geant{--t:84px}
 .cs-colonnes,.cs-fil-grille,.cs-ouverture__in{padding:0 16px}
 .cs-msg{box-shadow:3px 3px 0 var(--crevasse);margin-bottom:16px}
 .cs-av{width:36px;height:36px}
 .cs-contenu{padding:6px 14px}
 .cs-msg__tete{padding:10px 14px 4px}
 .cs-finfil{grid-template-columns:1fr;padding:20px}
 .cs-finfil__masc{max-width:120px}
 .cs-fil-ligne{display:flex;position:sticky;top:56px;z-index:30;gap:10px;align-items:center;background:var(--nuit);color:var(--poudre);font:700 13px var(--lec);padding:8px 16px;border-bottom:3px solid var(--crevasse)}
 .cs-composeur{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:56px;z-index:40;background:var(--crevasse);padding:8px 12px;border-top:3px solid var(--granit)}
 .cs-composeur__champ{flex:1;background:var(--poudre);color:var(--lichen);border-radius:8px;padding:10px 12px;text-decoration:none;font-size:15px}
 .cs-fil-corps{padding-bottom:140px}
 .cs-fiche__corps{grid-template-columns:1fr 1fr}
 .cs-fiche__deniv{font-size:44px}
 .cs-voisins,.cs-info3{grid-template-columns:1fr}
 .cs-pied{padding:40px 0 120px}
 .cs-pied__grille{grid-template-columns:1fr 1fr;gap:24px 16px}
 .cs-onglets{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--crevasse);border-top:3px solid var(--granit);height:56px}
 .cs-onglets a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--poudre);font:600 11px var(--lec);text-decoration:none}
 .cs-onglets a[aria-current]{color:var(--givre)}
 .cs-onglets__nv{color:var(--balise)!important}
 .cs-page-tete__in{padding-top:36px;padding-bottom:36px}
 .cs-page-tete__masc{width:110px}
 .cs-compte-page__in,.cs-404__in{grid-template-columns:1fr}
 .cs-compte-page__masc,.cs-404__masc{display:none}
 .cs-choix--ecussons,.cs-ligne-champs{grid-template-columns:1fr}
 .cs-article{padding:24px 16px 56px}
 .cs-voix{grid-template-columns:1fr}
}
.cs-voix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.cs-voix__liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cs-voix__lien{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--granit);background:var(--poudre);border:3px solid var(--granit);border-radius:var(--r);padding:10px 14px;box-shadow:4px 4px 0 var(--granit)}
.cs-voix__id{display:flex;flex-direction:column;font-size:14px;line-height:1.3}
.cs-gains{padding-left:1.1em;margin:12px 0 0}

.cs-actu-filtres a,.cs-filtres a,.cs-bascule a{color:var(--granit)}
.cs-carte-action .cs-lien,.cs-carte-msg .cs-lien,.cs-404__carte a:not(.cs-btn),.cs-compte-page__carte a:not(.cs-btn){color:var(--balise-t)}
.cs-compte-page__in{align-items:center}

.cs-bandeau__der a,.cs-page-tete a:not(.cs-btn),.cs-profil-tete a{color:var(--givre)}

.cs-page-tete .cs-article__meta,.cs-page-tete .cs-article__meta *{color:var(--neige)}
.cs-page-tete .cs-article__meta .cs-puce{color:var(--granit)}
.cs-actu-filtres a.is-actif,.cs-filtres a.is-actif,.cs-bascule a.is-actif{background:var(--balise);color:var(--granit)}
.cs-citation,.cs-prose blockquote.cs-citation{font:400 clamp(20px,2.4vw,26px)/1.3 var(--aff);border-left:8px solid var(--balise);background:var(--neige);padding:18px 22px;margin:0 0 1.6em}
.cs-citation p{margin:0}
.cs-article__prudence{display:flex;gap:14px;background:#FFF1E8;border-color:var(--balise)}
.cs-article__prudence p{margin:0}
.cs-article__fin{background:var(--givre);margin-top:2em}
.cs-article__fin p{margin:0}
.cs-prose ul,.cs-gains,.cs-contenu ul{list-style:none;padding-left:0}
.cs-prose ul>li,.cs-gains>li,.cs-contenu ul>li{position:relative;padding-left:26px;margin:0 0 .5em}
.cs-prose ul>li::before,.cs-gains>li::before,.cs-contenu ul>li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;background:var(--balise);border:2px solid var(--granit);transform:rotate(45deg)}
.cs-prose ol.cs-etapes-liste{list-style:none;counter-reset:et;padding:0}
.cs-prose ol.cs-etapes-liste>li{counter-increment:et;position:relative;padding:10px 12px 10px 56px;margin:0 0 10px;background:var(--neige);border:2px solid var(--granit);border-radius:8px}
.cs-prose ol.cs-etapes-liste>li::before{content:counter(et);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--balise);border:2px solid var(--granit);border-radius:50%;font:400 16px var(--aff)}
.cs-faq{margin:1em 0 2em;display:grid;gap:10px}
.cs-faq__q{background:var(--poudre);border:3px solid var(--granit);border-radius:var(--r);box-shadow:4px 4px 0 var(--crevasse)}
.cs-faq__q summary{cursor:pointer;padding:12px 16px;font:700 17px var(--lec);list-style:none}
.cs-faq__q summary::-webkit-details-marker{display:none}
.cs-faq__q summary::after{content:"+";float:right;font:400 22px var(--aff);color:var(--balise-t)}
.cs-faq__q[open] summary::after{content:"−"}
.cs-faq__r{padding:0 16px 12px}
.cs-sources{margin:1.4em 0;border:3px solid var(--granit);border-radius:var(--r);background:var(--neige);padding:0 16px}
.cs-sources summary{cursor:pointer;padding:12px 0;font:700 16px var(--lec)}
.cs-sources ul{margin:0 0 12px}
.cs-prose .sb-auteur-fin{background:var(--neige)}
@media (max-width:1024px){.cs-article-grille{grid-template-columns:minmax(0,1fr)}.cs-article__cote{position:static}}
@media (max-width:720px){.cs-article-grille{padding:24px 16px 56px}}
/* contact : le bouton reste dans le premier écran */
.cs-main--contact .cs-page-tete__in{padding-top:28px;padding-bottom:28px}
.cs-main--contact>.cs-wrap{padding-top:24px;padding-bottom:56px}
.cs-contact{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.cs-contact .cs-formulaire{padding:18px}
.cs-contact .cs-formulaire p{margin:0 0 10px}
.cs-contact .cs-formulaire label{display:block;font:700 14px var(--lec);margin-bottom:4px}
.cs-contact textarea{min-height:90px}
.cs-contact__aide{margin:0}
@media (max-width:1024px){.cs-contact{grid-template-columns:1fr}}
@media (max-width:720px){
 .cs-main--contact .cs-page-tete__txt p,.cs-main--contact .cs-page-tete__masc{display:none}
 .cs-main--contact .cs-page-tete__in{padding-top:16px;padding-bottom:16px}
 .cs-main--contact>.cs-wrap{padding-top:14px}
 .cs-contact .cs-formulaire{padding:12px}
 .cs-contact .cs-formulaire p{margin:0 0 6px}
 .cs-contact .cs-ligne-champs{gap:6px}
 .cs-contact .cs-aide{display:none}
 .cs-contact input.cs-champ,.cs-contact textarea{padding:8px 10px}
}
.cs-page-tete.cs-bande{padding:0}
.cs-article__meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:8px 0 0}
.cs-ouverture.cs-bande{padding-top:32px;padding-bottom:40px}
.cs-article__une .cs-vign{aspect-ratio:16/9;max-height:420px;border:3px solid var(--granit);border-radius:var(--r);box-shadow:var(--ombre-d)}

.cs-h2-ic{margin-right:10px;vertical-align:-.1em;color:var(--balise-t)}
.cs-recherche--cote{display:flex;width:100%}
.cs-recherche--cote input{width:100%;flex:1}
.cs-actu-filtres a.is-actif,.cs-filtres a.is-actif,.cs-bascule a.is-actif,a.is-actif{background:var(--balise)!important;color:var(--granit)!important}
.cs-fig-forum{margin:32px 0;border:3px solid var(--crevasse);border-radius:16px;overflow:hidden;box-shadow:4px 4px 0 var(--crevasse);background:var(--neige)}
.cs-fig-forum img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}
.cs-fig-forum figcaption{padding:12px 16px;font-size:15px}
/* ---------- accueil : hero « arête » (scène pleine hauteur sans cadre, fils en bandeau, chiffres en panneau de refuge) ---------- */
.cs-hero{position:relative;padding:56px 0 0}
.cs-hero__grille{display:block;position:relative;z-index:2;min-height:520px}
.cs-hero__gauche{max-width:min(640px,54%)}
.cs-hero .cs-affiche{font-size:clamp(40px,4.6vw,66px)}
.cs-hero .cs-carte-action{background:transparent;border:0;box-shadow:none;padding:0;color:var(--neige);margin:24px 0 0}
.cs-hero .cs-action__q{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--givre)}
.cs-hero .cs-action__ligne{max-width:520px}
.cs-hero .cs-action__ligne input{border-radius:999px;padding:14px 20px}
.cs-hero .cs-action__ligne .cs-btn{border-radius:999px}
.cs-hero .cs-action__alt a{color:var(--givre)}
.cs-hero__droite{position:absolute;top:0;right:0;bottom:0;width:48%;max-width:none;z-index:1;pointer-events:none}
.cs-hero__droite .cs-scene{position:relative;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}
.cs-hero__droite .cs-scene__fond{border:0;border-radius:0;box-shadow:none;background:none;object-fit:cover;object-position:60% 100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%);mask-image:linear-gradient(to right,transparent 0,#000 38%)}
.cs-hero__droite .cs-scene__ossian{height:82%;right:8%;bottom:0}
.cs-hero__bas{position:relative;z-index:3;display:flex;gap:20px;align-items:stretch;padding-top:36px;padding-bottom:56px}
.cs-chiffres--panneau{margin:0;flex:0 0 auto;align-items:center;gap:26px;flex-wrap:nowrap;padding:14px 24px;background:var(--crevasse);border:3px solid var(--givre);border-radius:var(--r);box-shadow:4px 4px 0 var(--granit);position:relative}
.cs-chiffres--panneau::before,.cs-chiffres--panneau::after{content:"";position:absolute;top:-14px;width:6px;height:14px;background:var(--givre)}
.cs-chiffres--panneau::before{left:22px}.cs-chiffres--panneau::after{right:22px}
.cs-chiffres--panneau .cs-chiffre__n{font-size:38px;text-shadow:none}
.cs-chiffres--panneau .cs-chiffre__l{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.cs-moment-liste--bande{position:static;left:auto;top:auto;width:auto;flex:1;min-width:0;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.cs-moment-liste--bande .cs-moment-liste__t{align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 5px}
.cs-moment-liste--bande .cs-moment{min-width:0}
@media (max-width:1180px){.cs-hero__gauche{max-width:min(600px,58%)}.cs-moment-liste--bande{left:auto;width:auto}}
@media (max-width:1024px){
 .cs-hero__grille{min-height:0}
 .cs-hero__gauche{max-width:none}
 .cs-hero__droite{position:relative;width:auto;max-width:520px;height:340px;margin:28px 0 0;top:auto;right:auto;bottom:auto}
 .cs-hero__droite .cs-scene__fond{-webkit-mask-image:none;mask-image:none;border-radius:14px}
 .cs-hero__bas{flex-direction:column;padding-top:28px}
 .cs-chiffres--panneau{align-self:flex-start}
 .cs-moment-liste--bande{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cs-moment-liste--bande .cs-moment-liste__t{grid-column:1/-1;writing-mode:horizontal-tb;transform:none;justify-self:start;padding:4px 10px}
}
@media (max-width:720px){
 .cs-hero{padding:28px 0 0}
 .cs-hero__droite{height:300px;max-width:none;margin-top:24px}
 .cs-hero__droite .cs-scene{height:100%;display:block}
 .cs-hero__droite .cs-scene__ossian{height:84%;right:6%}
 .cs-moment-liste--bande{grid-template-columns:1fr;padding:0;background:none}
 .cs-chiffres--panneau{gap:14px;padding:12px 16px;width:100%;justify-content:space-between}
 .cs-chiffres--panneau .cs-chiffre__n{font-size:30px}
 .cs-hero__bas{padding-bottom:40px}
}
/* premier écran 1440×780 : titre sur 3 lignes, panneau + fils visibles sans défiler */
@media (min-width:1025px){
 .cs-hero{padding-top:36px}
 .cs-hero__grille{min-height:0}
 .cs-hero__gauche{max-width:min(700px,60%)}
 .cs-hero .cs-affiche{font-size:clamp(36px,3.7vw,54px);line-height:1.04}
 .cs-hero__phrase{font-size:17px;margin:14px 0 0}
 .cs-hero .cs-carte-action{margin-top:16px}
 .cs-hero .cs-action__alt{margin-top:8px}
 .cs-hero__bas{padding-top:26px;padding-bottom:44px}
 .cs-chiffres--panneau{padding:10px 20px}
 .cs-chiffres--panneau .cs-chiffre__n{font-size:34px}
 .cs-moment{padding:8px 12px}
 .cs-moment__txt strong{font-size:14px}
}
@media (max-width:720px){.cs-ecu-carte{padding:118px 14px 14px!important}.cs-ecu-carte .cs-ecu{--t:72px}}
.cs-finfil__suite{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
/* ---------- À propos : bandes alternées ---------- */
.cs-apropos__bande{padding:56px 0 64px;position:relative}
.cs-apropos__bande .cs-apropos{max-width:880px;margin:0 auto;padding:0 24px}
.cs-apropos__bande.cs-bande--ombre,.cs-apropos__bande.cs-bande--ombre p,.cs-apropos__bande.cs-bande--ombre li{color:var(--neige)}
.cs-apropos__bande.cs-bande--ombre a{color:var(--givre)}
.cs-apropos__bande .cs-apropos__scene{margin:28px 0 0}
.cs-apropos__bande ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:20px 0 0}
.cs-apropos__bande ul li{background:var(--poudre);color:var(--granit)!important;border:3px solid var(--granit);border-radius:var(--r);padding:14px 16px;box-shadow:4px 4px 0 var(--crevasse)}
#h-securite{margin-bottom:12px}
@media (max-width:720px){.cs-apropos__bande{padding:40px 0 48px}.cs-apropos__bande ul{grid-template-columns:1fr}}
/* hero : scène sur toute la largeur, sans bord ; deux boutons au lieu de la carte de recherche */
.cs-hero__actes{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 0}
@media (min-width:1025px){
 .cs-hero__droite{left:0;right:0;width:auto}
 .cs-hero__droite .cs-scene__fond{object-position:50% 78%;-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 30%,#000 62%),linear-gradient(to bottom,transparent 0,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,transparent 30%,#000 62%),linear-gradient(to bottom,transparent 0,#000 30%);mask-composite:intersect}
 .cs-hero__droite .cs-scene__ossian{right:7%;height:88%}
 .cs-hero .cs-affiche{font-size:clamp(36px,3.9vw,56px)}
}
@media (min-width:1025px){
 .cs-hero__grille{position:static;z-index:auto}
 .cs-hero__gauche{position:relative;z-index:3}
 .cs-hero__droite{top:0;bottom:176px;left:0;right:0;width:auto}
 .cs-hero__droite .cs-scene__ossian{height:92%;right:9%}
 .cs-hero__droite .cs-scene__fond{-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 66%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 66%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 30%)}
}
/* ---------- article : l'essentiel, encart de prudence en bande sombre, sommaire dans la colonne ---------- */
.cs-essentiel,[role=note].cs-essentiel{margin:28px 0;background:var(--nuit);color:var(--neige);border:3px solid var(--granit);border-radius:var(--r);box-shadow:6px 6px 0 var(--crevasse);padding:22px 24px}
.cs-essentiel__t{margin:0 0 14px;font:400 20px/1.2 var(--aff);color:var(--givre)}
.cs-essentiel ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:ess}
.cs-essentiel li{counter-increment:ess;background:rgba(255,255,255,.06);border-left:5px solid var(--balise);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.cs-essentiel li::before{content:counter(ess);font:400 22px/1 var(--aff);color:var(--balise)}
.cs-essentiel strong{font:700 15px/1.25 var(--lec);color:var(--poudre)}
.cs-essentiel span{font-size:14px;line-height:1.45;color:var(--neige)}
.cs-prose .cs-article__prudence{background:var(--crevasse);color:var(--neige);border:3px solid var(--granit);border-left:8px solid var(--balise);border-radius:var(--r);padding:16px 20px}
.cs-prose .cs-article__prudence strong{color:var(--givre)}
.cs-article__cote .cs-sommaire{margin-bottom:20px;font-size:15px}
.cs-article__cote .cs-sommaire__t{margin:0 0 8px;font:700 13px var(--lec);letter-spacing:.08em;text-transform:uppercase;color:var(--lichen)}
.cs-article__cote .cs-sommaire ol{padding-left:1.1em}
.cs-article__cote .cs-sommaire li{margin:0 0 6px}
@media (max-width:720px){.cs-essentiel ol{grid-template-columns:1fr}}
/* ================= jugement n°3 : corrections A, B, C, D ================= */
/* ---- A. « Qui écrit ici / Et vous ? » : deux colonnes au bureau (colonne de droite collante), empilées en pleine largeur sous 900 px ---- */
.cs-voix{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
.cs-voix__actifs,.cs-voix__cote,.cs-voix__liste li,.cs-voix__lien,.cs-voix__id{min-width:0}
.cs-voix__cote{position:sticky;top:88px;display:grid;gap:20px}
.cs-voix__id strong{overflow-wrap:anywhere}
.cs-voix__reste{color:var(--lichen);font-size:13px;line-height:1.3}
.cs-echelle{list-style:none;margin:10px 0 12px;padding:0;display:grid;gap:6px;counter-reset:ech}
.cs-echelle li{position:relative;padding:4px 0 4px 40px;counter-increment:ech;font-size:14px;line-height:1.35;min-height:34px}
.cs-echelle li::before{content:counter(ech);position:absolute;left:0;top:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--poudre);border:2px solid var(--granit);border-radius:6px;font:400 14px var(--aff);color:var(--granit)}
.cs-echelle strong{display:block;font:700 15px var(--lec);color:var(--granit)}
.cs-echelle span{color:var(--lichen)}
@media (max-width:900px){
 .cs-voix{grid-template-columns:minmax(0,1fr);gap:24px}
 .cs-voix__cote{position:static}
}
/* boutons « Répondre » rentrés dans la carte (3e colonne de la rangée), pleine largeur sous la carte sur mobile */
.cs-rangee--aider{grid-template-columns:minmax(0,1fr) auto auto}
.cs-rangee--aider .cs-rangee__vign{display:none}
.cs-rangee--aider .cs-rangee__cta{align-self:center;white-space:nowrap}
@media (max-width:720px){
 .cs-rangee--aider{grid-template-columns:minmax(0,1fr)}
 .cs-rangee--aider .cs-rangee__cote{grid-column:auto}
 .cs-rangee--aider .cs-rangee__cta{width:100%}
}
/* ---- B. article : image dans le bandeau, jauge de niveau, carte à cocher, schéma, bande sécurité, « à retenir » ---- */
.cs-page-tete--article .cs-page-tete__in{align-items:center}
.cs-page-tete--article .cs-page-tete__txt{flex:1 1 auto;min-width:0}
.cs-article__une--tete{flex:0 0 42%;max-width:480px;margin:0}
.cs-article__une--tete img,.cs-article__une--tete .cs-vign{display:block;width:100%;aspect-ratio:4/3;max-height:340px;object-fit:cover;border:3px solid var(--poudre);border-radius:var(--r);box-shadow:6px 6px 0 var(--crevasse)}
@media (max-width:900px){
 .cs-page-tete--article .cs-page-tete__in{flex-direction:column;align-items:stretch;gap:20px}
 .cs-article__une--tete{flex:none;width:100%;max-width:none}
 .cs-article__une--tete img,.cs-article__une--tete .cs-vign{aspect-ratio:16/9;max-height:220px}
}
/* niveau conseillé : piquet nivométrique à trois graduations (n'existe que si l'auteur l'a écrit) */
.cs-jauge-niveau{margin:0 0 28px}
.cs-jauge-niveau__t{margin:0 0 10px;font-size:16px}
.cs-jauge-niveau__piquet{position:relative;height:24px;border:3px solid var(--granit);border-radius:6px;background:var(--poudre);overflow:hidden}
.cs-jauge-niveau__piquet i{position:absolute;left:0;top:0;bottom:0;width:var(--k,33.3%);background:var(--givre-t)}
.cs-jauge-niveau__piquet::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(23,32,36,.55) calc(10% - 2px) 10%)}
.cs-jauge-niveau__noms{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0 0;padding:0;font:600 13px var(--lec);color:var(--lichen)}
.cs-jauge-niveau__noms li{text-align:center}
.cs-jauge-niveau__noms li:first-child{text-align:left}
.cs-jauge-niveau__noms li:last-child{text-align:right}
.cs-jauge-niveau__noms li.est-ici{color:var(--granit);font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-color:var(--balise)}
/* carte à cocher (clair : poudre + granit) */
.cs-prose [role=note].cs-coches{background:var(--poudre);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:6px 6px 0 var(--crevasse);padding:20px 22px;margin:1.6em 0}
.cs-coches__t{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:400 20px/1.2 var(--aff);color:var(--granit)}
.cs-coches__ic,.cs-erreurs__ic,.cs-retenir__ic{flex:none}
.cs-coches__ic{color:var(--balise-t)}
.cs-prose ul.cs-coche-liste{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cs-prose ul.cs-coche-liste>li{padding:0;margin:0}
.cs-prose ul.cs-coche-liste>li::before{display:none}
.cs-coche{position:relative;display:flex;gap:14px;align-items:flex-start;padding:12px 14px;background:var(--neige);border:2px solid var(--granit);border-radius:8px;cursor:pointer}
.cs-coche:has(.cs-coche__in:checked){background:#E3F5F8}
.cs-coche__in{position:absolute;opacity:0;width:1px;height:1px}
.cs-coche__case{flex:none;position:relative;width:28px;height:28px;margin-top:1px;border:3px solid var(--granit);border-radius:6px;background:var(--poudre)}
.cs-coche__in:checked+.cs-coche__case{background:var(--balise)}
.cs-coche__in:checked+.cs-coche__case::after{content:"";position:absolute;left:7px;top:1px;width:7px;height:14px;border:solid var(--granit);border-width:0 4px 4px 0;transform:rotate(45deg)}
.cs-coche__in:focus-visible+.cs-coche__case{outline:3px solid var(--givre-t);outline-offset:2px}
.cs-coche__txt{font-size:16.5px;line-height:1.45;color:var(--granit)}
.cs-coche__plus{display:block;margin-top:4px;font-size:14.5px;color:var(--lichen)}
.cs-coches__etat{margin:12px 0 0;font:700 14px var(--lec);color:var(--granit)}
/* carte « à éviter » */
.cs-prose [role=note].cs-erreurs{background:#FFF1E8;color:var(--granit);border:3px solid var(--granit);border-left:8px solid var(--alerte);border-radius:var(--r);box-shadow:5px 5px 0 var(--crevasse);padding:18px 22px;margin:1.6em 0}
.cs-erreurs__t{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:400 20px/1.2 var(--aff);color:var(--granit)}
.cs-erreurs__ic{color:var(--alerte)}
.cs-prose ul.cs-erreurs__liste{margin:0;padding:0}
.cs-prose ul.cs-erreurs__liste>li{padding-left:34px;margin:0 0 .5em}
.cs-prose ul.cs-erreurs__liste>li::before{left:4px;top:.3em;width:20px;height:20px;border:0;transform:none;background:linear-gradient(45deg,transparent 42%,var(--alerte) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--alerte) 42% 58%,transparent 58%)}
/* schéma montée → descente */
.cs-schema{margin:1.4em 0 1.8em;padding:20px 18px 12px;background:var(--neige);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:5px 5px 0 var(--crevasse)}
.cs-prose ol.cs-schema__etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cs-schema__e{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px;text-align:center;background:var(--poudre);border:2px solid var(--granit);border-radius:8px}
.cs-schema__e svg{display:block;width:100%;max-width:150px;height:auto}
.cs-schema__n{position:absolute;top:-13px;left:-8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--balise);border:3px solid var(--granit);border-radius:50%;font:400 15px var(--aff);color:var(--granit)}
.cs-schema__l{font:700 14.5px/1.3 var(--lec);color:var(--granit)}
.cs-schema__e:not(:last-child)::after{content:"";position:absolute;right:-19px;top:50%;margin-top:-8px;border:8px solid transparent;border-left:12px solid var(--balise-t)}
.cs-schema figcaption{margin-top:12px;font-size:13.5px;color:var(--lichen)}
@media (max-width:720px){
 .cs-prose ol.cs-schema__etapes{grid-template-columns:minmax(0,1fr);gap:16px}
 .cs-schema__e{flex-direction:row;text-align:left;gap:14px}
 .cs-schema__e svg{max-width:96px;flex:none}
 .cs-schema__e:not(:last-child)::after{display:none}
}
/* bande sécurité sombre : spécificité doublée ([role=note] + .classe dans .cs-prose) pour battre .encadre */
.cs-prose [role=note].cs-bande-secu{position:relative;max-width:none;margin:2.2em -28px;padding:30px 28px 24px 56px;background:var(--crevasse);color:var(--neige);border:3px solid var(--granit);border-radius:var(--r);box-shadow:6px 6px 0 var(--granit);overflow:hidden}
.cs-bande-secu__piquet{position:absolute;left:0;top:0;bottom:0;width:24px;background:repeating-linear-gradient(0deg,var(--balise) 0 14px,var(--granit) 14px 20px);border-right:3px solid var(--granit)}
.cs-prose [role=note].cs-bande-secu h2{margin-top:0;color:var(--poudre)}
.cs-prose [role=note].cs-bande-secu .cs-h2-ic{color:var(--balise)}
.cs-prose [role=note].cs-bande-secu p,.cs-prose [role=note].cs-bande-secu li{color:var(--neige)}
.cs-prose [role=note].cs-bande-secu strong,.cs-prose [role=note].cs-bande-secu a{color:var(--givre)}
@media (max-width:720px){
 .cs-prose [role=note].cs-bande-secu{margin-left:-16px;margin-right:-16px;padding:24px 16px 20px 40px;border-radius:0;border-left:0;border-right:0}
 .cs-bande-secu__piquet{width:16px}
}
/* « À retenir » : une phrase du texte, en grand */
.cs-prose [role=note].cs-retenir{margin:1.8em 0;padding:18px 22px 18px 24px;background:var(--neige);color:var(--granit);border:3px solid var(--granit);border-left:10px solid var(--balise);border-radius:var(--r);box-shadow:5px 5px 0 var(--crevasse)}
.cs-retenir__t{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 13px var(--lec);letter-spacing:.08em;text-transform:uppercase;color:var(--lichen)}
.cs-retenir__ic{color:var(--balise-t)}
.cs-retenir__p{margin:0;font:400 clamp(19px,2.3vw,23px)/1.35 var(--aff);color:var(--granit)}
/* ---- C. vignettes de rangée : recadrages différents d'un fil à l'autre ---- */
.cs-rangee__vign .cs-vign--v1{transform:scale(1.7);transform-origin:18% 72%}
.cs-rangee__vign .cs-vign--v2{transform:scale(1.7);transform-origin:84% 30%}
/* ---- D. finitions ---- */
.cs-logo{gap:8px}
.cs-logo .cs-logo__tete{display:block;height:50px;width:auto}
.cs-logo__mot{font:400 27px/1 var(--aff);color:var(--poudre);text-shadow:0 3px 0 var(--crevasse);white-space:nowrap}
.cs-logo .cs-logo__fumee{display:block;height:24px;width:auto;margin-left:8px;margin-top:-6px}
@media (max-width:720px){
 .cs-logo .cs-logo__tete{height:40px}
 .cs-logo__mot{font-size:21px}
 .cs-logo .cs-logo__fumee{height:18px;margin-left:6px}
}
.cs-carte__type{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.cs-carte__type>span:not(.cs-type){font:700 14px var(--lec);color:var(--lichen)}
.cs-rangee__titre .cs-etat-txt{display:inline-block;margin-left:10px;padding:3px 8px;font:700 12px/1 var(--lec);letter-spacing:.05em;text-transform:uppercase;color:var(--granit);background:var(--givre);border:2px solid var(--granit);border-radius:4px;vertical-align:2px}
@media (min-width:1025px){
 .cs-hero__droite .cs-scene__fond{-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 66%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 30%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,transparent 34%,#000 66%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 30%,#000 86%,transparent 100%)}
}
/* accueil mobile : la scène avec Ossian passe AVANT le titre, dès le premier écran */
@media (max-width:720px){
 .cs-hero__grille{display:flex;flex-direction:column}
 .cs-hero__droite{order:-1;height:230px;margin:0 0 16px}
 .cs-hero__droite .cs-scene__ossian{height:96%}
}
/* À propos : pseudonymes et modération en deux tuiles */
.cs-apropos__tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cs-apropos__tuile{background:var(--neige);color:var(--granit);border:3px solid var(--granit);border-radius:var(--r);box-shadow:5px 5px 0 var(--crevasse);padding:20px 22px}
.cs-apropos__tuile h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:400 21px/1.2 var(--aff);color:var(--granit)}
.cs-apropos__tuile p{margin:0}
@media (max-width:720px){.cs-apropos__tuiles{grid-template-columns:minmax(0,1fr)}}

/* accueil mobile : la scène reprend toute la largeur une fois empilée (jugement n°4) */
@media (max-width:1024px){.cs-hero__grille{flex-direction:column;align-items:stretch}.cs-hero__droite{width:100%;flex:0 0 auto;align-self:stretch}}

@media (max-width:720px){.cs-schema__n{position:static;flex:none;top:auto;left:auto}}

.cs-schema__e{padding-top:30px}.cs-schema__n{top:6px;left:6px}
@media (max-width:720px){.cs-schema__e{padding-top:14px}}
@media (max-width:720px){.cs-rangee--aider{min-width:0}.cs-rangee--aider .cs-rangee__cta{box-sizing:border-box;max-width:100%;white-space:normal}.cs-rangee--aider .cs-rangee__cote{flex-direction:row;flex-wrap:wrap;gap:4px 14px;align-items:baseline;justify-content:flex-start;text-align:left;min-width:0}}