/* Section « Le concept » de l'accueil, mise en forme C3 (26/09/2026) :
   phrase courte à mots surlignés, texte complet repliable, trois repères. */
.concept-deux { display:grid; grid-template-columns:1.25fr .75fr; gap:56px; align-items:start; margin-top:22px; }
.concept-phrase { font:500 clamp(1.1rem,1.6vw,1.25rem)/1.7 var(--body); color:var(--noir); max-width:780px; }
.concept-phrase .surligne { background:linear-gradient(var(--jaune),var(--jaune)) no-repeat 0 88% / 0% 42%; padding:0; transition:background-size .7s ease; }
.concept-phrase.vu .surligne { background-size:100% 42%; }
.concept-phrase.vu .surligne:nth-of-type(2) { transition-delay:.4s; }
.concept-phrase.vu .surligne:nth-of-type(3) { transition-delay:.8s; }
.concept-phrase.vu .surligne:nth-of-type(4) { transition-delay:1.2s; }
@media (prefers-reduced-motion:reduce) { .concept-phrase .surligne { background-size:100% 42%; transition:none; } }
.concept-detail { margin-top:24px; max-width:760px; }
/* le lien « en détail » : texte souligné jaune + petit chevron orange (couleur des
   flèches du site) tourné vers la droite, qui pivote vers le bas à l'ouverture */
.concept-detail summary { cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:8px;
  font:700 .95rem var(--body); color:var(--noir); padding:6px 0; min-height:44px; -webkit-tap-highlight-color:transparent; }
.concept-detail summary::-webkit-details-marker { display:none; }
.concept-detail summary span { border-bottom:2px solid var(--jaune); padding-bottom:1px; }
.concept-detail summary::after { content:""; flex:none; width:16px; height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='%23F08821' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transition:transform .25s ease; }
.concept-detail[open] summary::after { transform:rotate(90deg); }
.concept-detail summary:hover::after { transform:translateX(2px); }
.concept-detail[open] summary:hover::after { transform:rotate(90deg); }
.concept-detail summary:focus-visible { outline:3px solid var(--orange); outline-offset:3px; border-radius:4px; }
.concept-detail-texte { margin-top:16px; color:var(--encre); line-height:1.7; }
.concept-reperes { list-style:none; margin:0; padding:0; border-left:3px solid var(--jaune); }
.concept-reperes li { display:flex; gap:14px; align-items:flex-start; padding:12px 0 12px 20px; }
.concept-reperes .icone { width:26px; height:26px; flex:none; margin-top:2px; color:var(--terra); }
.concept-reperes .icone :is(path,circle,rect) { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.concept-reperes b { display:block; font:800 .95rem var(--display); text-transform:uppercase; color:var(--noir); }
.concept-reperes span { font-size:.92rem; color:var(--encre); }
@media (max-width:900px) { .concept-deux { grid-template-columns:1fr; gap:26px; } }