.integers6-shell{width:min(1180px,calc(100% - 2rem))}
.integers6-hero{border-top-color:#2b8b7d;background:linear-gradient(150deg,#fff,#edf7f4 72%,#f3f7f9)}
.integers6-start{background:linear-gradient(135deg,#16786f,#347f8a)}
.integers6-targeted-grid button span{background:#e6f2ef;color:#176d63}
.i6-head{padding:1.2rem 1.35rem 1rem;border-bottom:1px solid #e1e9e9;background:linear-gradient(180deg,#fbfdfd,#f5faf9)}
.i6-head h1{margin:.2rem 0 .35rem;color:#18364c;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}
.i6-head p:last-child{margin:.25rem 0 0;color:#5b707d;line-height:1.5}
.i6-body{padding:clamp(1rem,3vw,1.35rem)}
.i6-prompt{margin:0 0 1rem;padding:.9rem 1rem;border-left:4px solid #2d7d72;border-radius:0 12px 12px 0;background:#eef7f5;color:#18364c;line-height:1.55}
.i6-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.i6-field{padding:.8rem .85rem;border:1px solid #d7e2e2;border-radius:13px;background:#fbfcfc}
.i6-field>label,.i6-field>span:first-child,.i6-field legend{display:block;margin-bottom:.45rem;color:#18364c;font-size:.88rem;font-weight:850;line-height:1.35}
.i6-field input[type="text"],.i6-field input[type="number"],.i6-input{
  width:100%;min-height:44px;padding:.55rem .65rem;border:1px solid #afc2c7;border-radius:9px;background:#fff;color:#18364c;font-weight:800
}
.i6-field input:focus,.i6-input:focus{border-color:#357f78;outline:none;box-shadow:0 0 0 3px rgba(53,127,120,.10)}
.i6-note{margin:.6rem 0 0;color:#5b707d;font-size:.84rem;line-height:1.5}
.choice-list{display:grid;gap:.45rem}
.choice-list label{display:flex;align-items:center;gap:.5rem;min-height:43px;padding:.55rem .65rem;border:1px solid #d3dfe0;border-radius:9px;background:#fff;font-weight:750}
.choice-list input{accent-color:#16786f}
.place-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.75rem 0}
.place-value-box{padding:.7rem;border:1px solid #cfdedd;border-radius:11px;background:#fff;text-align:center}
.place-value-box strong{display:block;color:#18364c;font-size:1.2rem}
.place-value-box small{color:#5f747e;font-weight:750}
.i6-number-big{padding:.8rem;text-align:center;color:#153c52;font-size:clamp(1.55rem,4vw,2.35rem);font-weight:900;letter-spacing:.045em}
.numeration-table{width:100%;border-collapse:collapse;margin:.6rem 0 .9rem;background:#fff}
.numeration-table th,.numeration-table td{border:1px solid #cad9da;text-align:center}
.numeration-table th{padding:.38rem .25rem;background:#edf5f3;color:#355a63;font-size:.76rem}
.numeration-table td{padding:.4rem}
.numeration-table input{width:100%;min-width:42px;min-height:42px;border:1px solid #b6c8cb;border-radius:7px;text-align:center;font-size:1.05rem;font-weight:900}
.decomp-choice{font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.02rem}
.symbol-choices{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}
.symbol-choice{width:72px;height:58px;border:2px solid #ccdada;border-radius:12px;background:#fff;color:#18364c;font-size:1.7rem;font-weight:900}
.symbol-choice.selected{border-color:#bd7b25;background:#fff7e8}
.compare-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:.9rem 0}
.compare-number{padding:.6rem .8rem;border:1px solid #d3dfdf;border-radius:11px;background:#fff;color:#173d4f;font-size:1.35rem;font-weight:900}
.order-chips,.order-answer{display:flex;gap:.55rem;flex-wrap:wrap;min-height:58px;padding:.65rem;border:1px dashed #b7caca;border-radius:12px;background:#fbfdfc}
.order-chip{min-height:42px;padding:.55rem .72rem;border:1px solid #b8c8cc;border-radius:10px;background:#fff;color:#18364c;font-weight:850}
.order-chip.used{opacity:.28;pointer-events:none}
.order-answer .order-chip{background:#eef6f4;border-style:solid}
.order-toolbar{display:flex;justify-content:flex-end;margin-top:.45rem}
.order-toolbar button{border:0;background:transparent;color:#5b707d;text-decoration:underline;cursor:pointer}
.inequality-line{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:.75rem 0;font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.15rem}
.inequality-line input{width:135px;min-height:42px;padding:.45rem;border:1px solid #afc2c7;border-radius:8px;text-align:center;font-weight:850}
.axis-wrap{margin:.65rem 0}
.axis-svg{display:block;width:min(100%,850px);height:auto;margin:auto;border:1px solid #d8e3e3;border-radius:14px;background:#fff}
.axis-base{stroke:#58727c;stroke-width:2.4}
.axis-tick{stroke:#58727c;stroke-width:2}
.axis-known{fill:#536d78;font-size:13px;font-weight:800}
.axis-point-label{fill:#153c52;font-size:15px;font-weight:900}
.axis-point{stroke:#16786f;stroke-width:3.5;stroke-linecap:round}
.axis-click{fill:transparent;cursor:pointer}
.axis-selected{stroke:#bd7b25;stroke-width:4;stroke-linecap:round}
.notation-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.2rem;font-weight:850}
.notation-row input{width:130px;min-height:42px;padding:.45rem;border:1px solid #afc2c7;border-radius:8px;text-align:center;font-weight:850}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.method-card{padding:.75rem;border:1px solid #d8e3e3;border-radius:11px;background:#fbfcfc;text-align:center}
.method-card strong{display:block;color:#18364c;font-size:1.05rem}
.method-card small{color:#5b707d}
.feedback-box{display:none;margin-top:.8rem;padding:.75rem .85rem;border-radius:10px;line-height:1.5}
.feedback-box.show{display:block}
.feedback-box.error{background:#fff1ef;color:#7d3f3f;border:1px solid #e8c2bd}
.feedback-box.success{background:#edf8f1;color:#235f40;border:1px solid #acd4bb}
.i6-success{padding:1rem;border:1px solid #acd4bb;border-radius:13px;background:#edf8f1;color:#235f40;font-size:1.05rem;font-weight:850;text-align:center}
.solution-steps{display:grid;gap:.5rem}
.solution-steps>div{padding:.65rem .75rem;border:1px solid #dbe5e4;border-radius:10px;background:#f8fbfa;line-height:1.5}
.solution-transition{margin-top:.9rem;padding:.8rem .9rem;border-left:4px solid #80618e;border-radius:0 10px 10px 0;background:#f4eff6;line-height:1.55}
@media(max-width:760px){
  .i6-grid,.method-grid{grid-template-columns:1fr}
  .place-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .numeration-table{font-size:.8rem}
  .numeration-table th{font-size:.67rem}
  .numeration-table input{min-width:30px}
  .compare-number{font-size:1.15rem}
}


/* ===== Nombres entiers 6e V1.1 : lisibilité et axes ===== */
.compact-question{
  width:min(520px,100%);
  margin:.2rem auto 0;
}
.compact-method{
  width:min(760px,100%);
  margin-left:auto!important;
  margin-right:auto;
}
.order-toolbar{
  justify-content:flex-start;
  margin-top:.65rem;
}
.order-reset-button{
  min-height:40px;
  padding:.55rem .75rem;
  text-decoration:none!important;
}
.axis-point line{
  stroke:#16786f;
}
.axis-selected line{
  stroke:#bd7b25;
}