@import url("../condenseur-interactif/styles.css?v=20260802-2");

:root{--chain-blue:#3d7fca;--chain-yellow:#f6bd34;--chain-soft:#eef5fc}
.brand-mark{background:var(--blue)}
.lesson-card{min-width:0}.lesson-card>*{min-width:0;width:100%}.lesson-heading h2{white-space:normal;overflow:visible;text-overflow:clip;font-size:clamp(22px,2.8vw,36px);line-height:1.05}
.home-visual img{object-fit:contain;background:var(--paper);padding:8px}.visual-collage>div{display:grid;grid-template-columns:repeat(3,1fr);height:min(36vh,340px)}.visual-collage img{width:100%;height:100%;min-width:0;border-right:1px solid var(--line)}.visual-collage img:last-child{border-right:0}
.dossier-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.visual-split{width:100%;height:100%;display:grid;grid-template-columns:minmax(145px,.72fr) minmax(0,1.28fr);gap:10px;align-items:center}.visual-split>img{display:block;width:100%;max-height:270px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:5px}.visual-host{width:100%;height:100%;min-height:0;display:grid;align-items:center}.visual-host>.panel{height:auto}
.equipment-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.equipment{display:grid;place-items:center;gap:5px;padding:8px;border:2px solid var(--line);border-radius:14px;background:var(--paper);text-align:center;color:var(--navy);font-weight:800}.equipment img{width:76px;height:76px;object-fit:contain}.equipment small{display:block;color:var(--muted);font-weight:400}
.manifold-board{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.gauge-card{position:relative;min-height:118px;padding:10px;border:3px solid;border-radius:50% 50% 16px 16px;background:var(--paper);text-align:center}.gauge-card.bp{border-color:var(--blue)}.gauge-card.hp{border-color:var(--bad)}.gauge-card strong{display:block;font-size:22px;color:var(--navy)}.gauge-card span{display:block;margin-top:7px}.center-hose{grid-column:1/-1;border:4px double var(--chain-yellow);border-radius:14px;background:#fff9e9;padding:9px;text-align:center;font-weight:800;color:var(--navy)}
.valve-board{width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.valve{min-height:100px;border:3px solid var(--line);border-radius:15px;background:var(--paper);color:var(--navy);font-weight:900;cursor:pointer}.valve::before{content:"✣";display:block;font-size:40px;color:var(--orange-dark);transform:rotate(var(--turn,0deg));transition:transform .25s}.valve.closed{border:4px double var(--ok);background:var(--ok-bg)}.valve.open{border:3px dashed var(--bad);background:var(--bad-bg);--turn:45deg}.valve-link{font-size:26px;color:var(--orange-dark);font-weight:900}
.route{width:100%;display:flex;align-items:stretch;gap:5px}.route-node{flex:1;min-width:0;display:grid;place-items:center;padding:10px 6px;border:2px solid var(--navy);border-radius:12px;background:var(--paper);color:var(--navy);font-weight:800;text-align:center;overflow-wrap:anywhere}.route-node.blue{border-color:var(--blue)}.route-node.red{border-color:var(--bad)}.route-node.yellow{border:4px double var(--chain-yellow)}.route-arrow{align-self:center;color:var(--orange-dark);font-weight:900;font-size:20px}
.vacuum-scene{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.vacuum-device{min-height:150px;display:grid;place-items:center;padding:10px;border:2px solid var(--line);border-radius:15px;background:var(--paper);text-align:center;color:var(--navy);font-weight:800}.vacuum-device img{width:110px;height:100px;object-fit:contain}.vacuum-device small{display:block;color:var(--muted);font-weight:400}.vacuum-hose{width:90px;height:8px;background:var(--chain-yellow);border:2px solid #c78e06;border-radius:99px}.vacuum-hose.good{background:var(--ok);border-color:var(--ok)}
.order-strip{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.order-card{padding:10px 6px;border:2px solid var(--line);border-radius:12px;background:var(--paper);text-align:center}.order-card b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 5px;border-radius:50%;background:var(--navy);color:#fff}.order-card strong{display:block;color:var(--navy)}.order-card.danger{border:3px dashed var(--bad);background:var(--bad-bg)}.order-card.good{border:4px double var(--ok);background:var(--ok-bg)}
.consequence{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.consequence-card{padding:12px;border-radius:14px;background:var(--paper)}.consequence-card.good{border:4px double var(--ok)}.consequence-card.bad{border:3px dashed var(--bad)}.consequence-card h3{font-size:20px}.consequence-card p{margin:7px 0 0}
.cylinder{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phase{min-height:130px;border:3px solid var(--line);border-radius:42px 42px 14px 14px;background:linear-gradient(to top,var(--chain-blue) 0 44%,#eef7ff 44%);padding:12px;text-align:center;color:var(--navy);font-weight:800;cursor:pointer}.phase.liquid{border-color:var(--blue)}.phase.gas{border-style:dotted}.phase.selected{box-shadow:0 0 0 5px rgba(255,107,53,.25)}.phase strong{display:block;font-size:20px}.phase small{display:block;margin-top:48px;background:rgba(255,255,255,.9);border-radius:8px;padding:3px}
.full-chain{width:100%;display:flex;align-items:stretch;gap:4px}.full-chain .sequence-step{font-size:12px;padding:7px 4px}.full-chain .sequence-arrow{font-size:12px}
.visual-host .cards,.visual-host .cards>*,.choice strong,.choice small,.check-card strong,.check-card small{min-width:0;overflow-wrap:anywhere}
.check-card.good{border:4px double var(--ok);background:var(--ok-bg)}
@media(max-width:900px){.dossier-grid{grid-template-columns:repeat(3,1fr)}.home-visual{display:block;margin:8px 0 0;border-radius:14px}.visual-collage>div{height:120px}.home-visual figcaption{padding:4px 8px;font-size:10px}.home-note{display:none}}
@media(max-width:650px){.home .dossier-grid{display:none}.lesson-heading h2{font-size:16px;line-height:1.02}.visual-split{grid-template-columns:88px minmax(0,1fr);gap:4px}.visual-split>img{max-height:128px}.equipment-row{gap:3px}.equipment{padding:3px;font-size:8px}.equipment img{width:42px;height:42px}.equipment small{font-size:7px}.gauge-card{min-height:72px;padding:4px;font-size:8px}.gauge-card strong{font-size:13px}.center-hose{padding:4px;font-size:8px}.valve-board{gap:4px}.valve{min-height:62px;font-size:8px}.valve::before{font-size:25px}.route{gap:2px}.route-node{padding:4px 2px;font-size:7px}.route-arrow{font-size:10px}.vacuum-scene{gap:3px}.vacuum-device{min-height:88px;padding:3px;font-size:8px}.vacuum-device img{width:55px;height:52px}.vacuum-hose{width:30px;height:5px}.order-strip{gap:3px}.order-card{padding:4px 2px;font-size:7px}.order-card b{width:18px;height:18px;font-size:8px}.consequence{gap:4px}.consequence-card{padding:5px;font-size:8px}.consequence-card h3{font-size:12px}.phase{min-height:78px;padding:4px;font-size:8px}.phase strong{font-size:12px}.phase small{margin-top:25px}.full-chain{gap:1px}.full-chain .sequence-step{font-size:6px;padding:3px 1px}.full-chain .sequence-arrow{display:none}}
@media(max-width:380px){.visual-split{grid-template-columns:62px minmax(0,1fr)}.visual-split>img{max-height:105px}}