/* Bloc Chiffres (.at.at--t) - « Le site de production » de docs/i4s-savoir-faire.html : le texte à gauche, deux à
   quatre chiffres en damier à droite */
.at{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;background:#fff;
  border:1px solid var(--line)}
.at__t{padding:clamp(26px,3.4vw,48px);display:grid;gap:18px;align-content:center;justify-items:start}
.at__t h2{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.025em}
.at__m{width:100%;display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);background:var(--wash)}
.at__m div{padding:clamp(22px,2.6vw,34px);display:grid;gap:4px;align-content:center;border-bottom:1px solid var(--line)}
.at__m div:nth-child(odd){border-right:1px solid var(--line)}
.at__m div:nth-last-child(-n+2){border-bottom:0}
.at__m b{font-family:var(--ui);font-weight:800;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.03em;
  color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.at__m span{font-size:.86rem;color:var(--body)}
/* Trois chiffres : le dernier occupe toute la ligne */
.at__m--3 div:last-child{grid-column:1/-1;border-right:0}
.at__m--3 div:nth-last-child(2){border-bottom:1px solid var(--line)}

@media (max-width:1000px){
  .at{grid-template-columns:minmax(0,1fr)}
  .at__m{border-left:0;border-top:1px solid var(--line)}
}
/* Sous 360 px, deux chiffres côte à côte ne tiennent plus : une valeur reste sur une ligne (« 1,500 sqm ») et déborde */
@media (max-width:360px){
  .at__m{grid-template-columns:minmax(0,1fr)}
  .at__m div:nth-child(odd){border-right:0}
  .at__m div:nth-last-child(-n+2),.at__m--3 div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .at__m div:last-child{border-bottom:0}
}

/* Bande de cinq ou six chiffres (.kf--6) - docs/i4s-le-groupe.html : pleine largeur, un filet entre les cellules */
.kf{display:grid;border:1px solid var(--line);background:#fff}
.kf--6{grid-template-columns:repeat(var(--n,6),minmax(0,1fr));list-style:none}
.kf--5{--n:5}
.kf--6 li{padding:clamp(18px,2vw,28px) clamp(14px,1.6vw,24px);display:grid;gap:10px;align-content:start}
.kf--6 li + li{border-left:1px solid var(--line)}
.kf--6 b{font-family:var(--ui);font-weight:800;font-size:clamp(1.7rem,2.8vw,2.5rem);letter-spacing:-.045em;line-height:.92;
  color:var(--blue);white-space:nowrap;font-variant-numeric:tabular-nums}
.kf--6 span{font-family:var(--ui);font-weight:700;font-size:.9rem;color:var(--navy)}
.kf + .sh,.sh + .kf{margin-top:clamp(24px,3vw,40px)}

@media (max-width:1000px){
  .kf--6,.kf--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kf--6 li:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .kf--6 li:nth-child(3n+1){border-left:0}
}
@media (max-width:640px){
  .kf--6,.kf--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kf--6 li{border-left:0 !important;border-bottom:1px solid var(--line)}
  .kf--6 li:nth-child(even){border-left:1px solid var(--line) !important}
  .kf--6 li:nth-last-child(-n+1){border-bottom:0}
}