/* S.O.U.L.MAG — GABARIT STANDARD (NEMO, 261104). Ordre de Costa : toute la page dans les teintes du vert du mag ; aucune carte déroulante. */
:root{--g950:#03100e;--g900:#051a17;--g850:#072320;--g800:#0a2e29;--g700:#0e3f39;--g600:#11564e;--g500:#118079;--g400:#23998c;--g300:#3dbca8;--g200:#7fe0cd;--g100:#c8f4ea;--g50:#ecfcf7;
 --msh:'Oswald',Inter,sans-serif;--msb:'Newsreader',Georgia,serif;--msi:Inter,sans-serif}
.ms{display:block;position:relative;z-index:1;margin-top:var(--nav-h,68px);padding-top:10px;overflow-x:clip;color:var(--g100);background:var(--g950) radial-gradient(1100px 620px at 50% -60px,#0c3a33 0,transparent 70%) no-repeat}
.ms a{color:var(--g200)}
.ms *{box-sizing:border-box}
.ms-w{max-width:1180px;margin:0 auto;padding:0 18px}
.ms-par{display:inline-block;font:700 .62rem/1 var(--msi);letter-spacing:.04em;color:#02130f;background:var(--g200);border-radius:5px;padding:2px 5px;margin-right:6px;vertical-align:middle;user-select:all}
.ms-ver{position:fixed;top:calc(var(--nav-h,68px) + 2px);right:14px;z-index:120;font:800 .68rem/1 var(--msi);color:#02130f;background:var(--g200);border-radius:6px;padding:4px 7px}
.ms-h2{font:700 clamp(1.5rem,3.4vw,2.2rem)/1.15 var(--msh);letter-spacing:.01em;text-transform:uppercase;color:var(--g50);margin:0 0 14px}
.ms-h2 small{display:block;font:600 .9rem/1.4 var(--msi);text-transform:none;letter-spacing:0;color:var(--g200);margin-top:4px}
/* ── EN-TÊTE D'ARRIVÉE ── */
.ms-hero{position:relative;min-height:min(74svh,640px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;margin:0 auto;max-width:1180px;background:var(--g900);border:1px solid var(--g600)}
.ms-hero .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42) contrast(1.15)}
.ms-hero .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,40,44,.55),rgba(0,109,111,.18) 55%,rgba(3,16,14,.92) 100%)}
.ms-hero .bm{position:absolute;top:-12%;width:2px;height:125%;transform-origin:top center;transform:rotate(var(--r));opacity:var(--o);background:linear-gradient(180deg,var(--c),rgba(var(--cr),.45) 40%,transparent 85%);box-shadow:0 0 20px 6px rgba(var(--cr),.35);pointer-events:none;animation:ms-balayage var(--d) ease-in-out infinite}
.ms-hero .bm::after{content:"";position:absolute;left:50%;top:0;width:90px;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(var(--cr),.3),transparent 72%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%)}
.ms-hero .haze{position:absolute;inset:auto 0 0 0;height:45%;pointer-events:none;background:radial-gradient(ellipse 45% 70% at 25% 100%,rgba(123,92,255,.18),transparent 70%),radial-gradient(ellipse 45% 70% at 75% 100%,rgba(194,65,12,.14),transparent 70%)}
@keyframes ms-balayage{0%,100%{transform:rotate(calc(var(--r) - 9deg))}50%{transform:rotate(calc(var(--r) + 9deg))}}
@media (prefers-reduced-motion:reduce){.ms-hero .bm{animation:none}}
.ms-hero .in{position:relative;z-index:2;width:min(780px,100%);padding:26px 18px;text-align:center}
.ms-mast{display:flex;align-items:center;justify-content:center;gap:12px;margin:0}
.ms-mast img{width:clamp(26px,5vw,44px);height:auto}
.ms-mast span{font:700 clamp(2.5rem,10vw,5.4rem)/1 var(--msh);color:#fff;letter-spacing:.015em}
.ms-mast b{color:var(--g300);font-weight:inherit;text-shadow:0 0 18px rgba(61,188,168,.6)}
.ms-tag{margin:6px 0 16px;font:700 clamp(.66rem,1.7vw,.82rem)/1.3 var(--msi);letter-spacing:.2em;text-transform:uppercase;color:var(--g200)}
.ms-qlab{display:block;margin:0 0 8px;font:600 clamp(1.05rem,2.6vw,1.45rem)/1.25 var(--msi);color:var(--g50)}
.ms-sbox{display:flex;align-items:center;gap:8px;background:var(--g50);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:0 0 0 2px var(--g300),0 0 34px rgba(61,188,168,.45)}
.ms-sbox svg{flex:0 0 22px;color:var(--g600)}
.ms-sbox input{flex:1;min-width:0;border:0;background:none;outline:0;font:500 1.02rem/1.3 var(--msi);color:#03211c;padding:10px 0}
.ms-sbox input::placeholder{color:#44655f}
.ms-sbox button{border:0;border-radius:10px;background:var(--g500);color:#fff;font:700 .86rem var(--msi);padding:11px 14px;cursor:pointer}
.ms-sugg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.ms-chip{appearance:none;border:1px solid var(--g500);background:rgba(10,46,41,.82);color:var(--g100);border-radius:99px;padding:6px 11px;font:600 .78rem/1.1 var(--msi);cursor:pointer;text-decoration:none;display:inline-block}
.ms-chip:hover,.ms-chip.on{background:var(--g300);color:#02130f;border-color:var(--g300)}
/* ── CARROUSEL (repris de .carousel-track, Chroniques de Costa) ── */
.ms-sec{margin:44px auto 0}
.ms-carw{position:relative}
.ms-cart{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:6px 2px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--g400) transparent}
.ms-cari{flex:0 0 min(330px,82vw);scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;background:var(--g800);border:1px solid var(--g600);border-radius:14px;overflow:hidden;color:var(--g100)!important}
.ms-cari:hover{border-color:var(--g300);background:var(--g700)}
.ms-cari .im{height:200px;background:#010807;display:flex;align-items:center;justify-content:center}
.ms-cari .im img{width:100%;height:100%;object-fit:contain;display:block}
.ms-cari .bd{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.ms-cari .mt{display:flex;gap:8px;font:700 .68rem/1.2 var(--msi);letter-spacing:.08em;text-transform:uppercase;color:var(--g300);margin-bottom:7px}
.ms-cari .mt i{margin-left:auto;font-style:normal;color:var(--g200);letter-spacing:0;text-transform:none}
.ms-cari h3{margin:0 0 4px;font:700 1.08rem/1.25 var(--msh);color:var(--g50)}
.ms-cari .st{margin:0 0 8px;font:600 .86rem/1.35 var(--msi);color:var(--g200)}
.ms-cari .bl{margin:0 0 10px;flex:1;font:400 .88rem/1.5 var(--msi);color:var(--g100)}
.ms-cari .go{font:700 .84rem var(--msi);color:var(--g300)}
.ms-cara{position:absolute;top:84px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--g300);background:rgba(3,16,14,.88);color:var(--g200);cursor:pointer;display:flex;align-items:center;justify-content:center}
.ms-cara.p{left:-6px}.ms-cara.n{right:-6px}
.ms-cara svg{width:20px;height:20px}
/* ── EXPLICATION ── */
.ms-about{max-width:800px;margin:44px auto 0;padding:22px 24px;border-radius:16px;background:var(--g850);border:1px solid var(--g600)}
.ms-about h2{margin:0 0 10px;font:700 clamp(1.3rem,3vw,1.9rem)/1.15 var(--msh);color:var(--g50)}
.ms-about h2 b{color:var(--g300);font-weight:inherit}
.ms-about p{margin:0 0 10px;font:400 1.04rem/1.6 var(--msb);color:var(--g100)}
.ms-offbtn{display:flex;justify-content:center;margin-top:14px}
.ms-offbtn img{width:min(100%,300px);height:auto;display:block}
.ms-def{max-width:800px;margin:26px auto 0;padding:16px 20px;border-left:3px solid var(--g300);font:italic 400 1.14rem/1.5 var(--msb);color:var(--g50)}
.ms-def b{display:block;margin-bottom:6px;font:700 .72rem/1.2 var(--msi);letter-spacing:.14em;text-transform:uppercase;color:var(--g300)}
/* ── FILTRES ET NUAGES ── */
.ms-tools{padding:18px;border-radius:16px;background:var(--g850);border:1px solid var(--g600)}
.ms-filt{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ms-filt label{display:flex;flex-direction:column;gap:4px;font:700 .66rem/1 var(--msi);letter-spacing:.1em;text-transform:uppercase;color:var(--g200);min-width:0}
.ms-filt select{width:100%;min-width:0;background:var(--g700);color:var(--g50);border:1px solid var(--g500);border-radius:8px;padding:9px 8px;font:500 .84rem var(--msi)}
.ms-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font:600 .86rem var(--msi);color:var(--g100)}
.ms-bar .rs{margin-left:auto;display:flex;gap:8px}
.ms-btn{border:1px solid var(--g300);background:transparent;color:var(--g200);border-radius:8px;padding:7px 11px;font:700 .78rem var(--msi);cursor:pointer}
.ms-btn:hover{background:var(--g300);color:#02130f}
.ms-cloud{margin-top:14px;display:grid;gap:10px}
.ms-cloud>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.ms-cloud h4{flex:0 0 76px;margin:0;font:700 .68rem/1.1 var(--msi);letter-spacing:.1em;text-transform:uppercase;color:var(--g300)}
/* ── CARTES : un seul gabarit, toutes de la même hauteur, tout le texte visible ── */
.ms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;margin-top:20px}
.ms-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--g700),var(--g800));border:1px solid var(--g500);border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.ms-card:hover,.ms-card:focus-within{border-color:var(--g200);box-shadow:0 0 0 1px var(--g200),0 0 28px rgba(61,188,168,.35)}
.ms-card[hidden]{display:none}
.ms-card .im{height:190px;flex:0 0 190px;background:#010807;display:flex;align-items:center;justify-content:center}
.ms-card .im img{width:100%;height:100%;object-fit:contain;display:block}
.ms-card .bd{padding:14px 16px 12px;display:flex;flex-direction:column;flex:1;min-width:0}
.ms-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.ms-pill{font:800 .64rem/1 var(--msi);letter-spacing:.12em;text-transform:uppercase;color:#02130f;background:var(--g300);border-radius:99px;padding:5px 9px}
.ms-pill.alt{background:var(--g100)}
.ms-min{margin-left:auto;font:600 .76rem var(--msi);color:var(--g200)}
.ms-kwb{margin:0 0 10px;padding:7px 9px 8px;border-radius:9px;background:rgba(3,16,14,.55);border:1px solid var(--g600);position:relative;z-index:2}
.ms-kwb b{display:block;margin-bottom:5px;font:700 .6rem/1 var(--msi);letter-spacing:.14em;text-transform:uppercase;color:var(--g300)}
.ms-kwl{display:flex;flex-wrap:wrap;gap:4px}
.ms-kw{border:0;background:var(--g600);color:var(--g50);border-radius:6px;padding:3px 6px;font:600 .7rem/1.2 var(--msi);cursor:pointer;text-decoration:none}
.ms-kw:hover{background:var(--g300);color:#02130f}
.ms-card h3{margin:0;font:700 1.16rem/1.22 var(--msh);letter-spacing:.005em;color:#fff}
.ms-card h3 a{color:inherit;text-decoration:none}
.ms-card h3 a::after{content:'';position:absolute;inset:0;z-index:1}
.ms-card .st{margin:3px 0 2px;font:600 .9rem/1.3 var(--msi);color:var(--g200)}
.ms-card .au{margin:0 0 8px;font:500 .74rem/1.3 var(--msi);color:var(--g200)}
.ms-rows{margin:0;display:grid;gap:7px;flex:1;align-content:start}
.ms-rows div{min-width:0}
.ms-rows dt{font:800 .64rem/1.1 var(--msi);letter-spacing:.1em;text-transform:uppercase;color:var(--g300);margin:0 0 2px}
.ms-rows dd{margin:0;font:400 .86rem/1.45 var(--msi);color:var(--g50)}
.ms-rows .w dd{color:var(--g100);font-size:.82rem}
.ms-fm{display:flex;align-items:center;gap:8px;margin-top:12px;position:relative;z-index:2}
.ms-go{flex:1;text-align:center;background:var(--g300);color:#02130f!important;border-radius:10px;padding:10px 12px;font:800 .86rem var(--msi);text-decoration:none}
.ms-card:hover .ms-go{background:var(--g200)}
.ms-shr{flex:0 0 40px;height:40px;border-radius:10px;border:1px solid var(--g300);background:transparent;color:var(--g200);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ms-shr svg{width:18px;height:18px}
.ms-more{display:flex;justify-content:center;margin-top:22px}
.ms-none{padding:24px;text-align:center;font:600 1rem var(--msi);color:var(--g100)}
/* ── ARTICLE ── */
.ms-bread{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;max-width:800px;margin:0 auto;padding:6px 18px 12px;border-bottom:1px solid var(--g600)}
.ms-bread a{font:700 .74rem/1.3 var(--msi);text-decoration:none;color:var(--g200);min-width:0}
.ms-bread .n{text-align:right}
.ms-bread .h img{height:38px;width:auto;display:block}
.ms-art{max-width:800px;margin:0 auto;padding:0 18px}
.ms-wel{margin:16px 0;padding:12px 15px;border-radius:12px;background:var(--g850);border:1px solid var(--g600);font:400 .92rem/1.5 var(--msi);color:var(--g100)}
.ms-wel b{color:var(--g300)}
.ms-open{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:20px;align-items:start;margin:18px 0}
.ms-open .im{background:#010807;border:1px solid var(--g600);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:260px}
.ms-open .im img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.ms-h1{margin:6px 0 4px;font:700 clamp(1.5rem,4vw,2.3rem)/1.15 var(--msh);color:#fff}
.ms-sub{margin:0 0 8px;font:600 clamp(1rem,2.4vw,1.2rem)/1.3 var(--msi);color:var(--g200)}
.ms-meta{margin:0 0 10px;font:500 .84rem/1.5 var(--msi);color:var(--g100)}
.ms-meta b{color:var(--g300);font-weight:700}
.ms-fiche{margin:0 0 22px;padding:15px 17px;border-radius:14px;background:var(--g800);border:1px solid var(--g500)}
.ms-fiche .ms-rows dt{font-size:.68rem}
.ms-fiche .ms-rows dd{font-size:.95rem}
.ms-dl2{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--g600);display:grid;gap:4px;font:400 .8rem/1.45 var(--msi);color:var(--g100)}
.ms-dl2 b{color:var(--g300);font-weight:700}
.ms-body{font:400 1.14rem/1.72 var(--msb);color:var(--g50)}
.ms-body p{margin:0 0 17px}
.ms-body a{color:var(--g200);overflow-wrap:anywhere}
.ms-body h3,.ms-body .mg-sub,.ms-body .article-sub{margin:30px 0 12px;font:700 1.4rem/1.2 var(--msh);color:var(--g300);display:block}
.ms-body .mg-pull,.ms-body blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:3px solid var(--g300);font-style:italic;color:#fff}
.ms-body hr,.ms-body .mg-hr{border:0;border-top:1px solid var(--g600);margin:26px 0}
.ms-body ul,.ms-body ol{margin:0 0 17px 22px}
.ms-body .mg-sig{margin-top:22px;font-style:italic;color:var(--g200)}
.ms-body .lt::first-letter{float:none;font-size:inherit;padding:0}
.mg-fig{margin:24px auto;text-align:center}
.mg-fig img{display:inline-block;max-width:100%;height:auto;border-radius:10px}
.mg-fig figcaption{margin-top:6px;font:500 .8rem var(--msi);color:var(--g200);text-align:center}
.mg-fig.pt{float:right;max-width:44%;margin:4px 0 12px 18px}
.mg-fig.mid img{max-width:min(100%,420px)}
.ms-end{display:flex;align-items:center;justify-content:center;gap:9px;margin:34px 0;font:700 1rem var(--msh);color:var(--g300);clear:both}
.ms-end img{width:22px;height:auto}
/* ── RADIO ET TÉLÉ : une seule forme pour tous les liens SoundCloud et YouTube ── */
.ms-media{clear:both;margin:20px 0;border-radius:14px;background:linear-gradient(135deg,var(--g800),var(--g850));border:1px solid var(--g500);overflow:hidden;font-family:var(--msi)}
.ms-media .tt{display:flex;align-items:center;gap:8px;padding:9px 12px;font:800 .66rem/1 var(--msi);letter-spacing:.14em;text-transform:uppercase;color:var(--g300);border-bottom:1px solid var(--g600)}
.ms-media .tt i{width:8px;height:8px;border-radius:50%;background:var(--g300);box-shadow:0 0 8px var(--g300)}
.ms-media .tt a{margin-left:auto;font:700 .68rem var(--msi);letter-spacing:0;text-transform:none;color:var(--g200)}
.ms-play{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:12px;color:var(--g50);text-align:left;cursor:pointer;font:600 .96rem/1.3 var(--msi)}
.ms-play:hover{background:var(--g700)}
.ms-play .b{flex:0 0 42px;height:42px;border-radius:50%;background:var(--g300);color:#02130f;display:flex;align-items:center;justify-content:center;font-size:1rem}
.ms-tv .scr{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;background:#010807;padding:0;cursor:pointer}
.ms-tv .scr img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86}
.ms-tv .scr .b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--g300);color:#02130f;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 0 26px rgba(61,188,168,.7)}
.ms-tv iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.ms-tv .ti{padding:9px 12px 11px;font:600 .92rem/1.3 var(--msi);color:var(--g50)}
.ms-radio iframe{display:block;width:100%;height:166px;border:0}
.ms-lnk{display:flex;align-items:center;gap:10px;padding:11px 12px;font:600 .92rem/1.3 var(--msi);color:var(--g50)!important;text-decoration:none}
.ms-lnk:hover{background:var(--g700)}
.ms-rack{margin:28px 0;padding:14px;border-radius:14px;background:var(--g850);border:1px solid var(--g600)}
.ms-rack h2{margin:0 0 4px;font:700 1.2rem var(--msh);color:var(--g50)}
.ms-rack .ms-media{margin:10px 0 0}
/* ── FIN D'ARTICLE ── */
.ms-pont{margin:30px 0;padding:18px 20px;border-radius:14px;background:var(--g800);border:1px solid var(--g500);font:400 1rem/1.55 var(--msi);color:var(--g100)}
.ms-pont h2{margin:0 0 8px;font:700 1.5rem var(--msh);color:#fff}
.ms-pont h3{margin:14px 0 6px;font:800 .72rem var(--msi);letter-spacing:.1em;text-transform:uppercase;color:var(--g300)}
.ms-pont p{margin:0 0 9px}
.ms-pont ul{margin:0 0 9px 20px}
.ms-shrow{display:flex;justify-content:center;margin-top:12px}
.ms-next{margin:30px auto 44px}
@media (max-width:980px){.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-filt{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
 .ms-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .ms-filt{grid-template-columns:repeat(2,1fr)}
 .ms-hero{min-height:calc(100svh - var(--nav-h,68px) - 16px);border-radius:0;border-width:0 0 1px}
 .ms-hero .in{padding:10px 14px}
 .ms-sbox button{display:none}
 .ms-sugg .x6{display:none}
 .ms-open{grid-template-columns:minmax(0,1fr)}
 .ms-open .im{max-width:210px;margin:0 auto}
 .ms-open .im img{max-height:210px}
 .ms-cara{display:none}
 .ms-cloud h4{flex:0 0 100%}
 .ms-body{font-size:1.08rem}
 .mg-fig.pt{float:none;max-width:100%;margin:20px auto}
 .ms-bread .h img{height:32px}
}
@media print{.ms-ver,.ms-par{display:none}}
/* partage (repris du mag, passé au vert) */
.mg-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sh-one{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;cursor:pointer;background:var(--g700);border:1.5px solid var(--g300);color:var(--g50);font:700 .82rem var(--msi)}
.sh-one svg{width:16px;height:16px}
.sh-pop{position:fixed;inset:auto 12px 12px 12px;max-width:420px;margin:0 auto;z-index:350;padding:14px;border-radius:16px;background:var(--g900);border:1.5px solid var(--g300);box-shadow:0 0 24px rgba(61,188,168,.35);display:none}
.sh-pop.open{display:block}
.sh-pop b{display:block;margin:0 0 10px;font:800 .9rem var(--msi);color:var(--g50)}
.sh-pop .x{position:absolute;right:10px;top:8px;background:none;border:0;color:var(--g200);font:700 1rem var(--msi);cursor:pointer}
.sh-pop .sh-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sh-pop .sh-grid button{display:flex;justify-content:center;align-items:center;min-height:52px;border-radius:12px;background:var(--g800);border:1.5px solid var(--g500);color:var(--g100);cursor:pointer}
.sh-pop .sh-grid button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sh-pop .sh-grid button svg{width:24px;height:24px}
.sh-pop .sh-grid button svg path[fill]{fill:currentColor}
.sh-pop .sh-msg{margin-top:8px;font:500 .82rem var(--msi);color:var(--g100)}
.ms-podg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ms-podg .ms-media{margin:0}
@media (max-width:980px){.ms-podg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ms-podg{grid-template-columns:minmax(0,1fr)}}

/* Q13 : carrousel circulaire, bouton de rappel au centre */
.ms-carw{display:flex;flex-direction:column}
.ms-carc{order:2;display:flex;justify-content:center;margin-top:8px}
.ms-carh{appearance:none;background:rgba(3,16,14,.88);border:1px solid var(--g300);color:var(--g50);border-radius:99px;padding:9px 18px;font:700 .8rem var(--msi);cursor:pointer}
.ms-carh:hover{background:var(--g300);color:#02130f}
.ms-cari.cur{border-color:var(--g200);box-shadow:0 0 0 1px var(--g200)}
.ms-curt{display:block;margin:0 0 6px;font:700 .72rem var(--msi);color:var(--g200)}

/* section à valider, copie de travail */
#msValider{border-top:1px dashed var(--g300);margin-top:34px;padding-top:24px}
.ms-avl{margin:16px 0 0;padding-left:18px;color:var(--g100);font:500 .9rem/1.6 var(--msi)}

/* N-049 de Costa : les sous-sections en couleurs, comme Sources et références ; même couleur = même mot, partout */
.ms-rows>div:nth-child(1) dt{color:#ff8c42}
.ms-rows>div:nth-child(2) dt{color:#38bdf8}
.ms-rows>div:nth-child(3) dt{color:#c4b5fd}

/* Carrousel, modèle des chroniques de Costa, petit : photo, titre, deux lignes (261104) */
.ms-cart{display:flex;gap:6px;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:none;padding:14px 2px 18px;scrollbar-width:none;align-items:stretch}.ms-cart::-webkit-scrollbar{display:none}
.ms-cari{flex:0 0 200px;transform-origin:center center;will-change:transform,opacity;border-radius:12px;background:var(--g800);border:1px solid var(--g600)}
.ms-cari .im{height:112px}.ms-cari .im img{object-fit:cover}.ms-cari .bd{padding:9px 11px 11px}.ms-cari h3{font:700 .94rem/1.2 var(--msi);margin:0 0 4px;color:var(--g50)}
.ms-cari .bl{flex:none;margin:0;font:400 .78rem/1.38 var(--msi);color:#b6d9d1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ms-cara{top:82px}@media (max-width:680px){.ms-cari{flex:0 0 min(190px,56vw)}}

/* En-tête et bas de page : standard du site, rien du mag (Costa, 261104). Accès caché : invisible, comme avant. */
.footer .egg{position:static!important;color:inherit!important;opacity:1!important;cursor:default;margin:0!important}
.egg-m{position:fixed;left:12px;bottom:12px;z-index:360;width:min(280px,calc(100vw - 24px));padding:14px;border-radius:14px;background:#061013;border:1.5px solid #23998c;display:none;font-family:Inter,sans-serif;}
.egg-m.open{display:block;}
.egg-m b{display:block;margin-bottom:8px;font:800 .7rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3dbca8;}
.egg-m a,.egg-m button,.egg-m span{display:block;width:100%;text-align:left;margin:4px 0;padding:9px 12px;border-radius:10px;border:1px solid rgba(61,188,168,.3);background:transparent;color:#e3eef3;text-decoration:none;font:600 .86rem Inter,sans-serif;cursor:pointer;box-sizing:border-box;}
.egg-m span{opacity:.5;cursor:default;}

/* Recherche (Costa, 261104) : de la largeur du titre, sombre, les mots clés défilent dedans */
.ms-hero form{width:var(--mastw,min(100%,520px));max-width:100%;margin:0 auto}
.ms-qlab{font-size:clamp(.92rem,2.1vw,1.15rem);white-space:nowrap}
.ms-sbox{gap:6px;padding:3px 12px 3px 6px;background:rgba(3,16,14,.72);border:1px solid var(--g300);box-shadow:0 0 22px rgba(61,188,168,.28);border-radius:99px}
.ms-lp{flex:none;display:flex;background:none!important;border:0;padding:7px!important;color:var(--g200);cursor:pointer}.ms-lp svg{flex:none;width:20px;height:20px;color:var(--g200)}
.ms-sz{position:relative;flex:1;min-width:0;display:block;overflow:hidden}
.ms-sbox input{width:100%;color:#fff;position:relative;z-index:2;padding:9px 0}.ms-sbox input::-webkit-search-cancel-button{filter:invert(1)}
.ms-tick{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;pointer-events:none;color:var(--g200);font:500 .95rem var(--msi);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ms-tick>span{display:inline-block;animation:ms-tick 46s linear infinite}@keyframes ms-tick{to{transform:translateX(-50%)}}
.ms-sbox:focus-within .ms-tick,.ms-sz.plein .ms-tick{display:none}@media (prefers-reduced-motion:reduce){.ms-tick>span{animation:none}}
#msUne{margin:22px 0 8px}#msUne[hidden]{display:none}

/* Carrousel = modèle 3 (Costa, 261104) : petites cartes, celle du centre plus grande et lumineuse, flèches gauche-droite partout */
.ms-cart{gap:8px;padding:22px 2px 26px}
.ms-cari,.ms-cari:hover{flex:0 0 170px!important;padding:7px 7px 9px;border-radius:10px;background:var(--g800);position:relative}
.ms-cari .im{height:100px;border-radius:6px;overflow:hidden}.ms-cari .bd{padding:5px 0 0}
.ms-cari h3{font:700 .84rem/1.2 var(--msi);margin:0 0 3px}
.ms-cari .bl{font:500 .68rem/1.25 var(--msi);-webkit-line-clamp:3}
.ms-cari.cen{border-color:var(--g200);box-shadow:0 0 22px rgba(61,188,168,.4);z-index:2}
.ms-cara{display:flex!important;top:88px;width:38px;height:38px}.ms-cara.p{left:0}.ms-cara.n{right:0}
.ms-sbox .ms-lp{display:flex!important}
.ms-tick{color:var(--g200);opacity:.42;font-weight:400}

/* Costa 261107 : numéro fixe de chaque article dans les carrousels */
.ms-cari .ms-num{align-self:flex-start;font:800 .66rem/1 var(--msi);letter-spacing:.08em;color:#02130f;background:#3dbca8;border-radius:99px;padding:4px 9px;margin-bottom:8px}
/* Costa 261107 : « Pourquoi c'est SOUL » en orange, comme dans les cartes */
.ms-def b .ms-psoul{color:#ff8c42}
/* Costa 261107 : de l'air pour l'œil humain — au moins une ligne entre la fin d'un paragraphe et le titre du suivant (usage d'un magazine web) */
.ms-fiche .ms-rows{gap:1.45em}
.ms-fiche .ms-rows dt{margin-bottom:6px}
.ms-fiche .ms-rows dd{line-height:1.6}

/* Costa 261107 : carrousel un tiers plus petit, identique en haut et en bas ; barre de déplacement au-dessus */
.ms-cart{gap:6px;padding:14px 2px 18px}
.ms-cari,.ms-cari:hover{flex:0 0 116px!important;padding:5px 5px 7px;border-radius:9px}
.ms-cari .im{height:66px;border-radius:5px}
.ms-cari .ms-num{font-size:.54rem;padding:3px 7px;margin-bottom:5px}
.ms-cari h3{font:700 .7rem/1.18 var(--msi);margin:0 0 2px}
.ms-cari .bl{font:500 .56rem/1.25 var(--msi);-webkit-line-clamp:2}
.ms-cari .ms-curt{font-size:.5rem}
.ms-carr{order:-1;display:block;width:min(460px,86%);margin:6px auto 0;height:22px;accent-color:#3dbca8;cursor:pointer;background:transparent}
.ms-carr::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#11564e}
.ms-carr::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:14px;margin-top:-5px;border-radius:7px;background:#3dbca8;border:0}
.ms-carr::-moz-range-track{height:4px;border-radius:4px;background:#11564e}.ms-carr::-moz-range-thumb{width:34px;height:14px;border-radius:7px;background:#3dbca8;border:0}
.ms-carr{-webkit-appearance:none;appearance:none}
.ms-cara{top:68px!important;width:34px!important;height:34px!important}
/* Costa 261107 : la fiche des articles reprend les couleurs des cartes (Sujet bleu, Résumé violet, Pourquoi c'est SOUL orange) */
.ms-rows>div:nth-child(1) dt{color:#38bdf8}
.ms-rows>div:nth-child(2) dt{color:#c4b5fd}
.ms-rows>div:nth-child(3) dt{color:#ff8c42}
.ms-page .ms-carr,.ms-page .ms-carr:focus{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;outline-offset:4px}

/* Costa 261107 : la petite étoile « choix de l'éditeur » dans les carrousels */
.ms-cari .ms-star{position:absolute;top:9px;right:9px;z-index:2;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fbbf24;color:#1c1203;font-size:.78rem;box-shadow:0 0 10px rgba(251,191,36,.6)}

/* Costa 261107 : accès aux Essentiels de Costa au bas de chaque article */
.ms-ess{display:flex;align-items:center;gap:14px;max-width:760px;margin:30px auto 6px;padding:12px 16px;border-radius:14px;border:1px solid rgba(61,188,168,.45);background:rgba(61,188,168,.07);text-decoration:none;color:#ecfcf7}
.ms-ess:hover{border-color:#7fe0cd;background:rgba(61,188,168,.13)}
.ms-ess img{width:96px;height:52px;object-fit:cover;border-radius:7px;flex:none;box-shadow:0 0 14px rgba(236,252,247,.28),0 0 30px rgba(236,252,247,.12)}
.ms-ess span{display:flex;flex-direction:column;gap:2px;min-width:0}.ms-ess b{font:800 .98rem/1.2 var(--msi);color:#ecfcf7}.ms-ess small{font:400 .76rem/1.3 var(--msi);color:#b6d9d1}
.ms-ess i{margin-left:auto;font-style:normal;font-size:1.3rem;color:#7fe0cd}
@media(max-width:680px){.ms-ess{margin:24px 16px 4px;gap:10px;padding:10px 12px}.ms-ess img{width:72px;height:40px}}

/* Costa 261107 : en haut de l'article, petit carrousel doux — image du précédent à gauche, du suivant à droite, retour au S.O.U.L.MAG au centre */
.ms-nav3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:800px;margin:0 auto;padding:10px 18px 16px;border-bottom:1px solid var(--g600)}
.ms-nav3 a{text-decoration:none}
.ms-nav3 .p,.ms-nav3 .n{display:flex;align-items:center;gap:8px;opacity:.72;transform:scale(.94);transition:opacity .25s,transform .25s}
.ms-nav3 .p:hover,.ms-nav3 .n:hover{opacity:1;transform:scale(1)}
.ms-nav3 .im{display:block;width:56px;height:80px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 14px rgba(236,252,247,.28),0 0 30px rgba(236,252,247,.12)}
.ms-nav3 .im img{width:100%;height:100%;object-fit:cover;display:block}
.ms-nav3 .ar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--g300);color:var(--g200);font:700 1.2rem/1 var(--msi);background:rgba(3,16,14,.88)}
.ms-nav3 .h{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 18px;border-radius:16px;border:1px solid var(--g300);background:rgba(61,188,168,.1);box-shadow:0 0 18px rgba(61,188,168,.25)}
.ms-nav3 .h:hover{background:rgba(61,188,168,.18);box-shadow:0 0 26px rgba(61,188,168,.4)}
.ms-nav3 .h img{height:30px;width:auto;display:block}
.ms-nav3 .h span{font:700 .74rem/1.2 var(--msi);letter-spacing:.04em;color:var(--g100);text-align:center}
@media(max-width:680px){.ms-nav3{gap:8px;padding:8px 12px 12px}.ms-nav3 .im{width:46px;height:66px}.ms-nav3 .ar{width:24px;height:24px;font-size:1rem}.ms-nav3 .p,.ms-nav3 .n{gap:5px}.ms-nav3 .h{padding:8px 10px}.ms-nav3 .h img{height:24px}.ms-nav3 .h span{font-size:.66rem}}
/* Costa 261107 : flèches des carrousels plus grandes et verticales (« au moins 20 % plus grands sur la version mobile ») — le doigt touchait la carte */
.ms-cara{top:50px!important;width:42px!important;height:68px!important;border-radius:21px!important;z-index:5!important;background:rgba(3,16,14,.92)!important;box-shadow:0 0 14px rgba(61,188,168,.35)}
.ms-cara svg{width:24px;height:24px}
.ms-cara.p{left:0!important}.ms-cara.n{right:0!important}
@media(max-width:680px){.ms-cara{top:48px!important;width:44px!important;height:72px!important;border-radius:22px!important}}
.ms-nav3 .ar{width:34px;height:56px;border-radius:17px;font-size:1.5rem}
@media(max-width:680px){.ms-nav3 .ar{width:32px;height:52px;border-radius:16px;font-size:1.35rem}}

/* Costa 261107 : les liens des artistes, ensemble, dans un encadré, avec les vrais logos (même code que les boutons des cartes) */
.ms-disc{margin:26px 0 8px;padding:16px 18px 18px;border-radius:14px;border:1px solid rgba(61,188,168,.45);background:rgba(61,188,168,.06);box-shadow:0 0 22px rgba(61,188,168,.12)}
.ms-body .ms-disc-t{margin:0 0 12px!important;font:700 .92rem/1.4 var(--msi)!important;color:#c8f4ea!important}
.ms-disc-b{display:flex;flex-wrap:wrap;gap:8px}
.ms-dp{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;font:700 .78rem/1.1 var(--msi);text-decoration:none!important;border:1px solid rgba(255,255,255,.18);color:#ecfcf7!important}
.ms-dp .lg{width:17px;height:17px;flex:none}
.ms-dp.sc{border-color:rgba(255,85,0,.55);color:#ff7a33!important;background:rgba(255,85,0,.09)}
.ms-dp.yt{border-color:rgba(255,0,0,.55);color:#ff4d4d!important;background:rgba(255,0,0,.09)}
.ms-dp.fb{border-color:rgba(24,119,242,.6);color:#4a9bff!important;background:rgba(24,119,242,.1)}
.ms-dp.ig{border-color:rgba(228,64,95,.6);color:#f0628a!important;background:rgba(228,64,95,.1)}
.ms-dp.lk{border-color:rgba(56,189,248,.45);color:#38bdf8!important;background:rgba(56,189,248,.07)}
.ms-dp:hover{filter:brightness(1.2)}
.ms-disc-r{margin-top:12px}

/* Costa 261107 : le petit carrousel aussi au bas de l'article, sous les Essentiels */
.ms-nav3.bas{border-bottom:0;border-top:1px solid var(--g600);margin-top:22px;padding-top:16px;padding-bottom:40px}