
.geometry6-shell{width:min(1180px,calc(100% - 2rem))}
.geometry6-hero{border-top-color:#5577a0;background:linear-gradient(150deg,#fff,#eef4f9 72%,#f6f2f8)}
.geometry6-start{background:linear-gradient(135deg,#365f83,#6b5c86)}
.geometry6-targeted-grid button span{background:#eaf1f7;color:#315b80}
.g6-head{padding:1.2rem 1.35rem 1rem;border-bottom:1px solid #e1e9e9;background:linear-gradient(180deg,#fbfdfd,#f7fafc)}
.g6-head h1{margin:.2rem 0 .35rem;color:#18364c;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}
.g6-head p:last-child{margin:.25rem 0 0;color:#5b707d;line-height:1.5}
.g6-body{padding:clamp(1rem,3vw,1.35rem)}
.g6-prompt{margin:0 0 1rem;padding:.9rem 1rem;border-left:4px solid #4b7395;border-radius:0 12px 12px 0;background:#eef5fa;color:#18364c;line-height:1.55}
.g6-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.g6-field{padding:.8rem .85rem;border:1px solid #d7e2e2;border-radius:13px;background:#fbfcfc}
.g6-field legend,.g6-field>label,.g6-field>strong:first-child{display:block;margin-bottom:.45rem;color:#18364c;font-size:.9rem;font-weight:850;line-height:1.35}
.choice-list{display:grid;gap:.45rem}
.choice-list label{display:flex;align-items:center;gap:.55rem;min-height:43px;padding:.58rem .68rem;border:1px solid #d3dfe0;border-radius:9px;background:#fff;font-weight:750;line-height:1.4}
.choice-list input{accent-color:#486f91}
.geo-figure{display:block;width:min(100%,760px);height:auto;margin:.6rem auto 1rem;border:1px solid #d8e3e3;border-radius:14px;background:#fff}
.geo-line{stroke:#55717d;stroke-width:3;stroke-linecap:round}
.geo-segment{stroke:#365f83;stroke-width:4;stroke-linecap:round}
.geo-construction{stroke:#80618e;stroke-width:3;stroke-linecap:round}
.geo-soft{stroke:#9fb2b9;stroke-width:2.2;stroke-dasharray:7 6}
.geo-point{fill:#173d4f}
.geo-point-cross{stroke:#176f68;stroke-width:3.5;stroke-linecap:round}
.geo-label{fill:#173d4f;font-size:17px;font-weight:900}
.geo-small-label{fill:#526b77;font-size:13px;font-weight:800}
.object-card{padding:.8rem;border:1px solid #d7e2e2;border-radius:14px;background:#fff}
.notation{font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.2em;font-weight:850}
.notation-large{font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.6rem;font-weight:900}
.notation-pills{display:flex;gap:.55rem;flex-wrap:wrap}
.notation-pill{min-width:84px;min-height:48px;padding:.55rem .75rem;border:1px solid #b9c9ce;border-radius:10px;background:#fff;color:#18364c;font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.15rem;font-weight:900}
.notation-pill.selected{border-color:#b97b28;background:#fff7e9}
.geo-equation{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0;font-family:"Cambria Math",Cambria,Georgia,serif;font-size:1.15rem;font-weight:850}
.geo-equation input{width:110px;min-height:42px;padding:.45rem;border:1px solid #afc2c7;border-radius:8px;text-align:center;font-weight:850}
.restoration-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.restoration-panel{padding:.7rem;border:1px solid #d8e3e3;border-radius:14px;background:#fff}
.restoration-panel h3{margin:.1rem 0 .55rem;color:#18364c;font-size:.95rem}
.mini-figure{display:block;width:100%;height:auto}
.length-card{display:grid;gap:.65rem;padding:.9rem;border:1px solid #d8e3e3;border-radius:13px;background:#fbfcfc}
.length-input{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.length-input input{width:110px;min-height:42px;padding:.45rem;border:1px solid #afc2c7;border-radius:8px;text-align:center;font-weight:850}
.conditions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}
.condition-card{padding:.75rem;border:1px solid #d4e0e0;border-radius:11px;background:#fff}
.construction-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1rem}
.construction-panel{padding:.85rem;border:1px solid #d7e2e2;border-radius:13px;background:#fbfcfc}
.tool-row,.point-row{display:flex;gap:.45rem;flex-wrap:wrap}
.tool-button,.point-button{min-height:42px;padding:.5rem .68rem;border:1px solid #b9c9ce;border-radius:9px;background:#fff;color:#18364c;font-weight:850}
.tool-button.selected,.point-button.selected{border-color:#b97b28;background:#fff7e9}
.construction-step{margin-bottom:.75rem;padding:.75rem;border-left:4px solid #80618e;border-radius:0 10px 10px 0;background:#f5f0f7;color:#3b3150}
.construction-done{padding:.7rem;border:1px solid #acd4bb;border-radius:10px;background:#edf8f1;color:#235f40;font-weight:850}
.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}
.g6-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:820px){
  .construction-workspace,.restoration-grid{grid-template-columns:1fr}
}
@media(max-width:660px){
  .g6-grid,.conditions{grid-template-columns:1fr}
}


/* ===== Géométrie 6e V1.1 ===== */
.g6-note{color:#5b707d;font-size:.86rem;line-height:1.45}


/* ===== Géométrie 6e V1.2 : points cliquables dans les constructions ===== */
.construction-figure .construction-point{
  cursor:pointer;
  outline:none;
}
.construction-figure .construction-point-hit{
  fill:transparent;
  stroke:none;
  pointer-events:all;
}
.construction-figure .construction-point-ring{
  fill:#fff7e9;
  stroke:#bd7b25;
  stroke-width:2.5;
  pointer-events:none;
}
.construction-figure .construction-point:focus .construction-point-hit{
  stroke:#7b9aab;
  stroke-width:2;
  fill:rgba(255,255,255,.01);
}
.construction-figure .construction-point.selected .geo-label{
  fill:#8c5a17;
}


/* ===== Géométrie 6e V1.3 : construction automatique ===== */
.construction-auto-note{
  margin:.45rem 0 .65rem;
  padding:.5rem .65rem;
  border-radius:9px;
  background:#eef7f5;
  color:#315b5a;
  font-size:.84rem;
  font-weight:800;
  line-height:1.4;
}


/* ===== Géométrie 6e V1.4 : ordre des points ===== */
.construction-auto-note strong{
  color:#234f5b;
}
