/* Concept : bureau = texte continu inchangé ; smartphone = cartes lisibles */
.concept-steps{display:block}
.cstep{display:block}
.cstep .cico,.cstep h3{display:none}
.cstep p{color:#cfd8e6;font-size:1.05rem;line-height:1.75;margin:0 0 1rem}
@media(max-width:700px){
 .msc .intro{padding:2.5rem 0 .5rem}
 .msc .intro h2{font-size:1.7rem;margin-bottom:.2rem}
 .concept-text{max-width:none;margin-top:1rem}
 .concept-text .concept-lead{font-size:1.2rem;line-height:1.45;background:linear-gradient(135deg,rgba(250,56,46,.22),rgba(229,168,35,.12));border:1px solid rgba(250,56,46,.4);border-radius:18px;padding:1.1rem 1.2rem;margin-bottom:1.2rem}
 .concept-steps{display:grid;gap:.9rem}
 .cstep{display:flex;gap:.9rem;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--r);border-radius:16px;padding:1rem}
 .cstep:nth-child(2n){border-left-color:var(--o)}
 .cstep:nth-child(3n){border-left-color:var(--t)}
 .cstep .cico{display:flex;flex:none;width:44px;height:44px;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(255,255,255,.08);border-radius:50%}
 .cstep h3{display:block;margin:0 0 .35rem;font-size:1.05rem;color:#fff;line-height:1.3}
 .cstep p{font-size:.97rem;line-height:1.6;margin:0;color:#c3cddc}
 .concept-text .concept-signature{font-size:1.05rem;line-height:1.45;margin-top:1.3rem}
 .features{grid-template-columns:1fr;gap:.8rem;margin-top:1.5rem}
 .feat{display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;align-items:center;padding:1rem 1.1rem}
 .feat b{grid-row:span 2;margin:0;font-size:1.8rem}
 .feat h3{margin:0;font-size:1.05rem}
 .feat p{font-size:.92rem}
}
/* Menu à 7 onglets : défilement horizontal sur smartphone (toutes pages) */
@media(max-width:700px){
 nav.main-nav ul{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.5rem .8rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 nav.main-nav ul::-webkit-scrollbar{display:none}
 nav.main-nav li{flex:none}
 nav.main-nav a{white-space:nowrap;font-size:.9rem}
}

/* v14 : en-tête (hero) lisible sur smartphone, pages MSC / Soutien / Adhésion / Projet */
@media(max-width:800px){
 .msc-hero{padding:2.2rem 0 2.8rem}
 .msc-hero .container{grid-template-columns:minmax(0,1fr)!important;gap:1.6rem!important;text-align:center;padding-left:1.1rem;padding-right:1.1rem}
 .msc-hero .container>*{min-width:0;max-width:100%}
 .msc-hero .logo-card{max-width:230px;padding:1rem;border-radius:24px;margin:0 auto}
 .msc-hero .kicker{display:inline-block;max-width:100%;letter-spacing:.08em;font-size:.72rem;line-height:1.5;padding:.35rem .8rem;white-space:normal}
 .msc-hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem)!important;line-height:1.12;overflow-wrap:break-word;word-break:normal;margin:.3rem 0 .8rem}
 .msc-hero p{font-size:1.02rem;line-height:1.55;max-width:100%;margin:0 auto}
 .msc-hero .pills,.msc-hero .cta{justify-content:center;gap:.5rem}
 .msc-hero .btn{padding:.75rem 1.3rem}
 .brandbar{flex-wrap:wrap;justify-content:center;text-align:center}
}