/* ===================== DIDACTICIEL INTUITIF ===================== */
  #co-ring{position:fixed; z-index:590; pointer-events:none; border-radius:12px; border:2px solid var(--accent); box-shadow:0 0 0 9999px rgba(6,3,10,.52), 0 0 18px 4px rgba(227,105,143,.55); transition:left .18s ease, top .18s ease, width .18s ease, height .18s ease; animation:coHalo 1.3s ease-in-out infinite;}
  #co-ring.soft{box-shadow:0 0 0 9999px rgba(6,3,10,.3), 0 0 14px 3px rgba(227,105,143,.45);}
  #co-ring.strong{border-width:3px; animation-duration:.7s;}
  @keyframes coHalo{0%,100%{outline:0 solid rgba(227,105,143,.0)}50%{outline:6px solid rgba(227,105,143,.28)}}
  #co-arrow{position:fixed; z-index:591; pointer-events:none; width:18px; text-align:center; color:var(--accent); font-size:18px; line-height:18px; text-shadow:0 0 8px rgba(227,105,143,.8); animation:coBounce .8s ease-in-out infinite alternate;}
  #co-arrow.strong{font-size:24px;} @keyframes coBounce{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
  #co-box{position:fixed; z-index:592; max-width:calc(100vw - 24px); display:flex; flex-direction:column; gap:6px; padding:12px 14px; border-radius:14px; background:var(--surface); border:1px solid var(--accent); box-shadow:0 12px 40px rgba(0,0,0,.55);}
  #co-box.strong{border-width:2px;}
  .co-h{display:flex; justify-content:space-between; align-items:center; gap:8px;} .co-k{font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);}
  .co-x{width:26px; height:26px; border-radius:8px; border:1px solid var(--border); background:var(--surface-2); color:var(--text); font-weight:900; line-height:1;}
  .co-t{font-size:1.02rem;} .co-why, .co-why-d p{margin:0; font-size:.82rem; color:var(--text-muted);} .co-why-d summary{font-size:.76rem; color:var(--text-muted); cursor:pointer;}
  .co-tip{margin:0; font-size:.82rem; font-weight:700;} .co-help{margin:0; font-size:.78rem; color:#F2C14E;}
  .co-b{display:flex; flex-wrap:wrap; gap:6px; align-items:center;} .co-quit{margin-left:auto; opacity:.75;}
  .co-choices{display:grid; grid-template-columns:1fr 1fr; gap:6px;} .co-choice{display:flex; gap:6px; align-items:center; text-align:left; padding:8px; border-radius:10px; border:1px solid var(--border); background:var(--surface-2); color:var(--text); font-size:.78rem; font-weight:700;} .co-choice:hover{border-color:var(--accent);}
  .co-disc{position:fixed; z-index:596; left:50%; top:14px; transform:translate(-50%,-20px); opacity:0; transition:all .3s ease; display:flex; gap:10px; align-items:center; width:min(420px,calc(100vw - 24px)); box-sizing:border-box; padding:10px 14px; border-radius:14px; background:linear-gradient(135deg,#2a1636,#15101a); border:1px solid #F2C14E; box-shadow:0 10px 30px rgba(0,0,0,.5); pointer-events:none;}
  .co-disc.on{opacity:1; transform:translate(-50%,0);} .co-disc-ic{font-size:1.6rem;} .co-disc small{font-size:.62rem; letter-spacing:.14em; color:#F2C14E; font-weight:800;} .co-disc b{display:block;} .co-disc p{margin:0; font-size:.76rem; color:var(--text-muted);}
  .co-set{display:flex; flex-direction:column; gap:6px; margin-top:10px;} .co-tours{display:flex; flex-wrap:wrap; gap:6px;}
  .co-sw{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
  .ln-mode[data-ln-mode="guide"] .ln-tag{color:#F2C14E;} .ln-mode[data-ln-mode="guide"]{border-color:rgba(242,193,78,.45);}