/* ===== Protos « équipe pluridisciplinaire » — styles partagés ===== */
.proto-flag{position:fixed;top:0;left:0;right:0;z-index:200;background:#1F2444;color:#ffd9b0;font-family:var(--display);font-weight:800;font-size:12.5px;text-align:center;padding:7px;letter-spacing:.04em}
.eq-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center;margin-top:26px}

/* — Roue — */
.wheel{position:relative;width:100%;max-width:430px;aspect-ratio:1;margin:0 auto}
.wheel.sm{max-width:330px}
.wheel-rim{position:absolute;inset:9%;border-radius:50%;border:2px dashed var(--blue-pale);background:radial-gradient(circle at 50% 40%,rgba(166,157,205,.12),transparent 70%)}
.wheel-rotor{position:absolute;inset:0;--rot:0deg;transform:rotate(var(--rot));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.wheel-item{position:absolute;transform:translate(-50%,-50%);cursor:pointer;width:92px}
.wheel-cell{display:flex;flex-direction:column;align-items:center;gap:6px;transform:rotate(calc(-1 * var(--rot)));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.wheel-ico{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ink-soft);border:2px solid var(--line);box-shadow:var(--shadow-soft);transition:transform .22s,border-color .2s,color .2s,background .2s}
.wheel.sm .wheel-ico{width:50px;height:50px}
.wheel-ico svg{width:26px;height:26px}
.wheel.sm .wheel-ico svg{width:22px;height:22px}
.wheel-lab{font-family:var(--display);font-weight:800;font-size:11.5px;line-height:1.1;color:var(--ink-soft);text-align:center;max-width:90px;transition:color .2s}
.wheel-item:hover .wheel-ico{transform:scale(1.16);color:var(--blue);border-color:var(--blue-soft)}
.wheel-item:hover .wheel-lab{color:var(--blue)}
.wheel-item.on .wheel-ico{transform:scale(1.14);background:var(--grad-accent);color:#fff;border-color:transparent;box-shadow:var(--shadow-accent)}
.wheel-item.on .wheel-lab{color:var(--orange)}
/* variante support (bulles violettes) */
.wheel.support-wheel .wheel-item.on .wheel-ico{background:linear-gradient(120deg,#6a5fb0,#8a7fd0)}
.wheel.support-wheel .wheel-item.on .wheel-lab{color:#6a5fb0}

/* — Moyeu central : médecin (cliquable) — */
.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:33%;aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;background:var(--grad-brand);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-glow);padding:8px;transition:transform .2s}
.wheel-hub:hover{transform:translate(-50%,-50%) scale(1.04)}
.wheel-hub svg{width:28px;height:28px;margin-bottom:3px}
.wheel-hub b{font-family:var(--display);font-weight:800;font-size:11.5px;line-height:1.12}
.wheel-hub.on{box-shadow:0 0 0 5px var(--orange-pale),var(--shadow-glow)}

/* — Encart détail — */
.wpanel{background:var(--grad-card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-soft);padding:clamp(26px,3vw,40px);min-height:360px;animation:fadeUp .35s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wpanel .ck-list{list-style:none;padding:0;margin:20px 0 26px;display:flex;flex-direction:column;gap:13px}
.wpanel .ck-list li{display:flex;gap:12px;align-items:flex-start}
.wpanel .ck{width:24px;height:24px;border-radius:50%;background:var(--green-pale);color:#2f7d54;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.wpanel .ck svg{width:14px;height:14px}
.wpanel .ck-list p{font-size:15px;color:var(--ink-soft);line-height:1.5}
.wpanel .ck-list b{color:var(--ink);font-family:var(--display);font-weight:800}
.wpanel .ctas{display:flex;gap:12px;flex-wrap:wrap}

/* — Bandeau support (Option A) — */
.support{margin-top:40px;border-top:1px dashed var(--line);padding-top:28px}
.support-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.support-head .eyebrow{color:var(--ink-muted)}
.support-note{font-size:13px;color:var(--ink-muted)}
.support-grp{margin-bottom:14px}
.support-grp h4{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}
.support-grp h4 i{width:11px;height:11px;border-radius:50%}
.support-row{display:flex;flex-wrap:wrap;gap:12px}
.sup-bubble{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:8px 16px 8px 8px;cursor:pointer;transition:border-color .18s,box-shadow .2s,transform .16s;font-family:var(--display);font-weight:800;font-size:13.5px;color:var(--ink)}
.sup-bubble:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--blue-soft)}
.sup-ico{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sup-ico svg{width:18px;height:18px}
.sup-bubble.on{border-color:transparent;box-shadow:var(--shadow-soft)}
.sup-bubble.blue .sup-ico{background:var(--blue-mist);color:var(--blue)}
.sup-bubble.blue.on{background:var(--blue-mist)}
.sup-bubble.purple .sup-ico{background:var(--blue-pale);color:#6a5fb0}
.sup-bubble.purple.on{background:var(--blue-pale)}

/* — Deux roues (Option B) — */
.two-wheels{display:flex;flex-direction:column;gap:14px;align-items:center}
.wheel-title{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);text-align:center}
.wheel-title.sub{color:var(--ink-muted)}

/* — Anneaux (Option C) — */
.rings{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.ring-band{position:absolute;border-radius:50%;border:2px dashed var(--blue-pale)}
.ring-band.inner{inset:26%}
.ring-band.outer{inset:4%}
.rings .wheel-item{width:84px}
.rings .ring-ico{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-soft);transition:transform .2s,border-color .2s,color .2s,background .2s}
.rings .ring-ico svg{width:23px;height:23px}
.rings .wheel-item.outer .ring-ico{width:46px;height:46px}
.rings .wheel-item:hover .ring-ico{transform:scale(1.14)}
.rings .wheel-item.on .ring-ico{background:var(--grad-accent);color:#fff;border-color:transparent;box-shadow:var(--shadow-accent)}
.rings .wheel-item.outer.on .ring-ico{background:linear-gradient(120deg,#6a5fb0,#8a7fd0)}

@media (max-width:860px){
  .eq-wrap{grid-template-columns:1fr;gap:24px}
  .wheel{max-width:330px}
  .rings{max-width:380px}
  .rings .ring-ico{width:44px;height:44px}.rings .wheel-item.outer .ring-ico{width:38px;height:38px}
}