/* Homepage fiber explorer (fiber-explorer.js). */
.coractive-refonte-light .crx-figure { margin:0; text-align:center; }
.coractive-refonte-light .crx-stage { position:relative; width:100%; height:380px; border-radius:16px; overflow:hidden; background:radial-gradient(ellipse at 50% 35%,#ffffff 0%,#f1f7f6 60%,#e6f0ef 100%); box-shadow:inset 0 0 0 1px rgba(0,117,102,.08); }
.coractive-refonte-light .crx-canvas { display:block; width:100%; height:100%; cursor:grab; touch-action:pan-y; }
.coractive-refonte-light .crx-canvas:active { cursor:grabbing; }
.coractive-refonte-light .crx-canvas:focus-visible { outline:2px solid #007566; outline-offset:-2px; border-radius:16px; }
.coractive-refonte-light .crx-pause { position:absolute; right:12px; top:12px; width:38px; height:38px; min-height:0; padding:0; border-radius:50%; border:1px solid rgba(0,117,102,.3); background:rgba(255,255,255,.9); cursor:pointer; }
.coractive-refonte-light .crx-pause::before { content:''; display:block; width:10px; height:12px; margin:auto; border-left:3px solid #00205b; border-right:3px solid #00205b; box-sizing:border-box; }
.coractive-refonte-light .crx-pause.is-paused::before { width:0; height:0; border:0; border-left:11px solid #00205b; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:14px; }
.coractive-refonte-light .crx-pause:hover { background:#d9f5f0; }
.coractive-refonte-light .crx-pause:focus-visible { outline:2px solid #00205b; outline-offset:2px; }
.coractive-refonte-light .crx-types { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:4px; margin-top:14px; padding:4px; border-radius:999px; background:#eaf3f1; border:1px solid #d3e5e0; }
.coractive-refonte-light .crx-types button { min-height:38px; padding:8px 16px; border:0; border-radius:999px; background:transparent; color:#35535e; font:700 .76rem/1.3 Arial,sans-serif; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s; }
.coractive-refonte-light .crx-types button:hover { color:#00205b; background:rgba(255,255,255,.6); }
.coractive-refonte-light .crx-types button[aria-pressed=true] { background:#fff; color:#00205b; box-shadow:0 2px 8px rgba(0,32,91,.12), inset 0 -2px 0 #00a98f; }
.coractive-refonte-light .crx-types button:focus-visible { outline:2px solid #007566; outline-offset:2px; }
.coractive-refonte-light .crx-figure figcaption { margin:10px auto 0; max-width:420px; color:#5b707a; font-size:.72rem; line-height:1.6; }
.coractive-refonte-light .crx .crx-lead { color:#506875; margin:0 0 16px; font-size:.86rem; line-height:1.6; }
.coractive-refonte-light .crx-layers { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.coractive-refonte-light .crx-layer { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:9px 13px; border:1px solid #b5d3cb; border-radius:8px; background:#f3f9f7; color:#00205b; font:700 .8rem/1.3 Arial,sans-serif; cursor:pointer; transition:background .2s,border-color .2s,transform .15s; }
.coractive-refonte-light .crx-layer span { font-size:.64rem; color:#007566; }
.coractive-refonte-light .crx-layer:hover { border-color:#00a98f; background:#e3f5ef; }
.coractive-refonte-light .crx-layer:active { transform:scale(.97); }
.coractive-refonte-light .crx-layer[aria-pressed=true] { background:#00a98f; border-color:#00a98f; color:#04131f; }
.coractive-refonte-light .crx-layer[aria-pressed=true] span { color:#04131f; }
.coractive-refonte-light .crx-layer:focus-visible { outline:2px solid #00205b; outline-offset:2px; }
.coractive-refonte-light .crx-copy { min-height:124px; }
.coractive-refonte-light .crx-copy h4 { margin:0 0 6px; color:#00205b; font-size:.95rem; }
.coractive-refonte-light .crx-copy p { margin:0 0 10px; color:#4d6470; font-size:.88rem; line-height:1.7; }
.coractive-refonte-light .crx-tool { color:#007566; font-weight:700; font-size:.82rem; text-decoration:none; border-bottom:1px solid rgba(0,117,102,.35); }
.coractive-refonte-light .crx-tool:hover { border-bottom-color:#007566; }
.coractive-refonte-light .crx-studio { margin-top:22px; padding-top:18px; border-top:1px solid #dbe9e5; }
.coractive-refonte-light .crx-studio p { margin:0 0 12px; color:#35535e; font-size:.86rem; }
@media (prefers-reduced-motion:no-preference) { .coractive-refonte-light .crx-copy > * { animation:crx-in .35s ease; } @keyframes crx-in { from { opacity:0; transform:translateY(4px); } } }
@media (max-width:700px) { .coractive-refonte-light .crx-stage { height:280px; } .coractive-refonte-light .crx-types { display:grid; grid-template-columns:repeat(3,1fr); width:100%; border-radius:14px; } .coractive-refonte-light .crx-types button { padding:8px 6px; font-size:.7rem; border-radius:10px; } }