/* pages récit (/cas/<slug>, /cases/<slug>) et accueil anglais : s'ajoute à v5.css. Généré avec cas.css par scripts/build-cas.mjs. */
.casw{max-width:820px}
.cas-fig{margin:28px 0 0;border-radius:20px;overflow:hidden;background:#EEF7F5;border:1px solid rgba(27,36,51,.08)}
.cas-fig img{width:100%;height:auto}
.scene{margin-top:28px}
.scene p,.cresult blockquote{font-size:18px;line-height:1.6;color:#1B2433}
.cresult{margin-top:20px;background:#EEF7F5;border:1px solid rgba(27,36,51,.08);border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;gap:12px}
.cresult blockquote{margin:0;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.4;letter-spacing:-.01em;text-wrap:pretty}
.cresult .try{font-size:15px;color:#4E5A6B}.cresult .try a{color:#127A84;overflow-wrap:anywhere}
/* quatre onglets : lisibles sans JavaScript (les quatre blocs empilés), onglets seulement avec JS */
.tablist{display:none;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.js .tablist{display:flex}
.tab{font:700 15px/1 'Instrument Sans',sans-serif;color:#1B2433;background:#fff;border:1px solid rgba(27,36,51,.28);border-radius:999px;padding:12px 20px;cursor:pointer;transition:background .15s,color .15s,transform .12s}
.tab:hover{background:#EEF7F5}.tab:active{transform:translateY(1px)}
.tab[aria-selected=true]{background:linear-gradient(135deg,#127A84,#1FA3A0);color:#fff;border-color:transparent}
.tab:focus-visible{outline:2px solid #1B2433;outline-offset:2px}
.tabpanel{margin-top:20px;background:#fff;border:1px solid rgba(27,36,51,.08);border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 34px -22px rgba(36,26,46,.22);scroll-margin-top:24px}
.tabpanel h3{margin:0;font:800 22px/1.2 'Baloo 2',system-ui,sans-serif;letter-spacing:-.02em;color:#1B2433}
.js [data-tabs][data-ready] .tabpanel h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.js [data-tabs]:not([data-ready]) .tabpanel~.tabpanel{display:none}
.tabpanel p{margin:0;font-size:17px;line-height:1.6;color:#1B2433}
.tabpanel .verif{font:700 11px/1.5 'Space Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#127A84}
.tabpanel code{font:14px 'Space Mono',ui-monospace,monospace;background:#EEF7F5;border-radius:6px;padding:1px 6px}
.ctafin{align-items:flex-start}
.ctafin .small a{color:#127A84}
/* accueil anglais */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.casegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.casecard{text-decoration:none;color:inherit;transition:transform .12s,box-shadow .15s}
.casecard:hover{transform:translateY(-1px);box-shadow:0 18px 40px -22px rgba(36,26,46,.4)}
.casecard h3{margin:0;font:800 21px/1.2 'Baloo 2',system-ui,sans-serif;letter-spacing:-.02em;color:#1B2433}
.casecard .go{font:700 15px/1 'Instrument Sans',sans-serif;color:#127A84}
.hero-en{padding-top:40px}
@media (max-width:900px){.cards3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.tabpanel,.cresult{padding:22px}.cresult blockquote{font-size:19px}.hero-en{padding-top:16px}}

/* survol et appui : générés depuis les style-hover / style-active du design */
.c1:hover{filter:brightness(1.06) !important;box-shadow:0 14px 28px -12px #127A84CC !important;transform:translateY(-1px) !important}
.c1:active{transform:translateY(1px) !important;filter:brightness(.96) !important}
.c2:hover{color:#127A84 !important}
.c2:active{opacity:.7 !important}