/* Languages EN dans le style de /handoff-v4/ (SOCLE, 10/11/2026). Corps de page seulement : en-tête, closer et pied restent au shell.
   Le système commun est /assets/ressources-style-v4/ressources.css ; ici, les objets propres à la page. */
/* Les quatre langues : de vraies entrées du sélecteur, dans l'écran du hero */
.rs .rs-lang-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.rs .rs-lang-card{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:12px 8px;padding:24px 22px 20px;background:#fff;border:1px solid var(--rs-line);border-radius:18px;color:var(--rs-ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.rs .rs-lang-card[aria-current]{border-color:var(--rs-blue);background:linear-gradient(150deg,#fff,var(--rs-lav));box-shadow:0 0 0 3px #4458ac1f}
.rs .rs-lang-card:hover{transform:translateY(-4px);border-color:var(--rs-blue);box-shadow:0 14px 28px -18px #4458acb3}
.rs .rs-card-name{grid-column:1;font:700 21px/1.25 PJS,Arial,sans-serif;letter-spacing:-.03em}
.rs .rs-card-code{grid-column:1;font:600 12px/1 DM,Arial,sans-serif;letter-spacing:.1em;color:var(--rs-muted)}
.rs .rs-card-arrow{grid-column:2;grid-row:2/4;align-self:end;color:var(--rs-blue);font-size:22px}
.rs .rs-flag{grid-column:1/-1;display:block;width:48px;height:32px;margin-bottom:8px;border-radius:6px;box-shadow:0 0 0 1px #26315314,0 3px 8px #26315314;overflow:hidden}
/* Les couleurs des drapeaux dessinent les drapeaux (reprises de languages-review-0811.css) ; l'interface garde les jetons. */
.rs .lang-flag--fr{background:linear-gradient(90deg,#002395 33.333%,#fff 33.333% 66.666%,#ed2939 66.666%)}
.rs .lang-flag--de{background:linear-gradient(#000 33.333%,#d00 33.333% 66.666%,#ffce00 66.666%)}
.rs .lang-flag--es{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}
.rs .lang-flag--gb{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(transparent 36%,#c8102e 36% 64%,transparent 64%),linear-gradient(90deg,transparent 36%,#fff 36% 64%,transparent 64%),linear-gradient(transparent 27%,#fff 27% 73%,transparent 73%),linear-gradient(33deg,transparent 44%,#fff 44% 48%,#c8102e 48% 52%,#fff 52% 56%,transparent 56%),linear-gradient(-33deg,transparent 44%,#fff 44% 48%,#c8102e 48% 52%,#fff 52% 56%,transparent 56%),#012169}

/* 01 · Votre chat, votre résultat : illustration native (un chat, puis le résultat Uncook dans la même langue) */
.rs .rs-lang-art{position:relative;display:grid;justify-items:center;gap:14px;padding:12px 0}
.rs .rs-lang-art i{display:block;height:6px;border-radius:8px;background:var(--rs-lav)}
.rs .rs-art-chat{position:relative;width:min(360px,100%);padding:22px 24px 26px;transform:rotate(-3deg);justify-self:start;margin-left:6%}
.rs .rs-art-who{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.rs .rs-art-who>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--rs-lav);color:var(--rs-blue);font:700 11px/1 DM,Arial,sans-serif}
.rs .rs-art-who>i{width:96px}
.rs .rs-art-who img{display:block;width:26px;height:26px;border-radius:7px}
.rs .rs-art-q{display:grid;justify-items:end;gap:8px;margin-left:30%;padding:12px 14px;border-radius:14px 14px 4px 14px;background:var(--rs-lav)}
.rs .rs-art-q i{background:#cfd6f3;width:100%}.rs .rs-art-q i+i{width:60%}
.rs .rs-art-a{display:grid;gap:9px;margin-top:16px}
.rs .rs-art-a i:nth-child(2){width:86%}.rs .rs-art-a i:nth-child(3){width:58%}
.rs .rs-lang-art strong{font:700 30px/1 PJS,Arial,sans-serif;color:var(--rs-blue)}
.rs .rs-art-chat>strong{position:absolute;right:24px;top:22px}
.rs .rs-art-route{color:var(--rs-blue);font-size:28px;line-height:1}
.rs .rs-art-result{width:min(330px,100%);padding:20px 24px 24px;border-radius:18px;background:var(--rs-blue);box-shadow:0 24px 40px -24px #263153b3;transform:rotate(2.5deg);justify-self:end;margin-right:6%}
.rs .rs-art-result .rs-art-who i{background:#ffffff40}
.rs .rs-art-result strong{color:var(--rs-lime)}
.rs .rs-art-result p{display:grid;gap:9px;margin-top:14px}
.rs .rs-art-result p i{background:#ffffff59}.rs .rs-art-result p i:nth-child(2){width:84%}.rs .rs-art-result p i:nth-child(3){width:54%}

/* 02 · Les langues à venir : une liste de vraies adresses, une ligne par langue */
.rs .rs-future-card{padding:10px}
.rs .rs-lang-future{list-style:none;margin:0;padding:0;display:grid}
.rs .rs-lang-future li+li{border-top:1px solid #eef1fa}
.rs .rs-lang-future a{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 14px;border-radius:12px;color:var(--rs-ink);text-decoration:none;font:500 16px/1.3 DM,Arial,sans-serif;transition:background-color .18s}
.rs .rs-lang-future a:hover{background:var(--rs-lav)}
.rs .rs-lang-future a:after{content:'↗';margin-left:auto;color:var(--rs-blue)}
.rs .rs-future-code{display:grid;place-items:center;min-width:40px;height:36px;padding:0 6px;border-radius:10px;background:var(--rs-lime-soft);color:var(--rs-ink);font:700 12px/1 DM,Arial,sans-serif}

@media (max-width:900px){.rs .rs-lang-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:640px){
  .rs .rs-lang-cards{margin-top:20px;gap:10px}
  .rs .rs-lang-card{padding:18px 16px 16px;gap:8px}
  .rs .rs-card-name{font-size:18px}
  .rs .rs-flag{width:40px;height:27px;margin-bottom:6px}
  .rs .rs-art-chat{padding:18px 18px 20px;margin-left:0}
  .rs .rs-art-result{padding:16px 18px 20px;margin-right:0}
  .rs .rs-lang-future a{min-height:54px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.rs .rs-lang-card,.rs .rs-lang-future a{transition:none}.rs .rs-lang-card:hover{transform:none}}
.rs>.closer{margin-top:72px}
@media (max-width:760px){.rs>.closer{margin-top:40px}}