/* /about-v4/ au style de /handoff-v4/ (SOCLE, 10/11/2026). Le système commun est site/assets/ressources-style-v4/ressources.css ;
   ici seulement ce qui est propre à About : la liste des outils, les trois gestes, le bloc des données, la fiche de la société.
   Couleurs : les jetons --rs-* du système commun, aucune nouvelle encre. */
.rs .ab-hero-stage{width:min(1000px,100%);margin:64px auto 0;text-align:left}
.rs .ab-tools{list-style:none;margin:0;padding:8px 10px;display:grid}
.rs .ab-tools li+li{border-top:1px solid var(--rs-line)}
.rs .ab-tools a{display:flex;align-items:center;gap:16px;min-height:72px;padding:10px 12px;border-radius:14px;color:var(--rs-ink);text-decoration:none;transition:background-color .2s ease}
.rs .ab-tools a:hover{background:var(--rs-lav)}
.rs .ab-tools a>span:nth-child(2){flex:1;min-width:0;display:grid;gap:3px}
.rs .ab-tools strong{font:700 17px/1.25 PJS,Arial,sans-serif;letter-spacing:-.01em}
.rs .ab-tools small{font:400 15px/1.45 DM,Arial,sans-serif;color:var(--rs-muted)}
.rs .ab-tools i{font-style:normal;color:var(--rs-blue);font-weight:600}
.rs .ab-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--rs-lav);color:var(--rs-blue)}
.rs .ab-ico svg{width:22px;height:22px}
.rs .ab-steps{list-style:none;margin:0;padding:10px 24px;display:grid}
.rs .ab-steps li{display:flex;align-items:flex-start;gap:16px;padding:20px 0}
.rs .ab-steps li+li{border-top:1px solid var(--rs-line)}
.rs .ab-steps b{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--rs-lime);color:var(--rs-ink);font:700 13px/1 PJS,Arial,sans-serif}
.rs .ab-steps p{font:500 16px/1.55 DM,Arial,sans-serif;color:var(--rs-ink);padding-top:5px}

/* Le bloc des données : la citation de la politique, puis ce qu'Uncook fait et ne fait pas */
.rs .ab-data{padding:120px 0 128px;background:linear-gradient(180deg,var(--rs-paper) 0%,#F4F6FE 100%)}
.rs .ab-quote{max-width:880px;margin:56px auto 0;padding:40px 48px;border-radius:24px;background:var(--rs-blue);color:#fff;box-shadow:0 40px 80px -56px #26315399}
.rs .ab-quote blockquote{margin:0}
.rs .ab-quote p{font:600 clamp(20px,1.6vw,24px)/1.5 DM,Arial,sans-serif;letter-spacing:-.01em}
.rs .ab-quote figcaption{margin-top:20px;font:500 15px/1.4 DM,Arial,sans-serif}
.rs .ab-quote figcaption:before{content:'— '}
.rs .ab-quote a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.rs .ab-quote a:focus-visible{outline-color:#fff}
.rs .ab-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px;margin:24px auto 0}
.rs .ab-col{padding:32px 32px 34px}
.rs .ab-col h3{font-size:22px;line-height:1.25;letter-spacing:-.02em;color:var(--rs-ink);margin-bottom:20px}
.rs .ab-data .rs-actions{margin-top:40px}

/* La société : le texte à gauche, la fiche à droite (faits de /legal/, à l'identique) */
.rs .ab-company{padding:112px 0 120px;background:linear-gradient(180deg,#F8FAE8 0%,#F3F6D9 100%)}
.rs .ab-company-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.rs .ab-company h2{font-size:clamp(34px,3.6vw,50px);line-height:1.1;letter-spacing:-.045em;color:var(--rs-blue);margin-bottom:22px}
.rs .ab-company .rs-copy>p:not(.rs-kicker){font:400 18px/1.6 DM,Arial,sans-serif;color:var(--rs-muted);max-width:40ch}
/* .rs .rs-copy>p (système commun) est plus spécifique que .rs .rs-kicker : le sur-titre reprend ici sa forme. */
.rs .ab-company .rs-copy>.rs-kicker{font:700 12px/1.5 DM,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-blue);margin:0 0 16px}
.rs .ab-company .rs-copy>p+p{margin-top:14px}
.rs .ab-company .rs-copy strong{color:var(--rs-ink)}
.rs .ab-company .rs-copy>p.ab-footref{margin-top:22px;font-size:15px}
.rs .ab-left{justify-content:flex-start;margin-top:26px}
.rs .ab-facts{margin:0;padding:8px 28px;display:grid}
.rs .ab-facts>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 20px;padding:16px 0}
.rs .ab-facts>div+div{border-top:1px solid var(--rs-line)}
.rs .ab-facts dt{font:700 13px/1.5 DM,Arial,sans-serif;letter-spacing:.02em;color:var(--rs-blue)}
.rs .ab-facts dd{margin:0;font:500 16px/1.5 DM,Arial,sans-serif;color:var(--rs-ink);overflow-wrap:anywhere}
.rs .ab-facts a{color:var(--rs-blue)}

@media (max-width:900px){
  .rs .ab-data{padding:80px 0 88px}
  .rs .ab-company{padding:80px 0 88px}
  .rs .ab-company-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .rs .ab-cols{grid-template-columns:minmax(0,1fr)}
  .rs .ab-hero-stage{margin-top:44px}
}
@media (max-width:640px){
  .rs .ab-quote{margin-top:36px;padding:26px 22px;border-radius:20px}
  .rs .ab-quote p{font-size:18px}
  .rs .ab-col{padding:24px 20px 26px}
  .rs .ab-tools{padding:4px 6px}
  .rs .ab-tools a{gap:12px;min-height:64px;padding:10px 8px}
  .rs .ab-steps{padding:4px 16px}
  .rs .ab-steps li{gap:12px;padding:16px 0}
  .rs .ab-steps p{font-size:15px}
  .rs .ab-facts{padding:4px 18px}
  .rs .ab-facts>div{grid-template-columns:minmax(0,1fr);padding:14px 0}
  .rs .ab-company .rs-copy>p:not(.rs-kicker){font-size:17px}
  .rs .ab-company .rs-copy>.rs-kicker{font-size:11px;margin-bottom:12px}
  .rs .ab-company .rs-copy>p.ab-footref{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.rs .ab-tools a{transition:none}}