/* Independent interactive edition: official green, stable readable surfaces. */
.coractive-refonte-light .cr-optical-signal { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:hidden; }
.coractive-refonte-light .cr-signal-track { fill:none; stroke:#00a98f; stroke-width:1.25; opacity:.32; }
/* Refined oscillation: glass edge, continuous trace and a soft moving pulse. */
.coractive-refonte-light .cr-wave-edge {fill:none;stroke:#fff;stroke-width:4.5;opacity:.35;stroke-linejoin:round;}
.coractive-refonte-light .cr-signal-pulse,
.coractive-refonte-light .cr-signal-halo,
.coractive-refonte-light .cr-signal-head {fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110 1090;stroke-dashoffset:0;opacity:0;}
.coractive-refonte-light .cr-signal-pulse {stroke:#00a98f;stroke-width:2.2;}
.coractive-refonte-light .cr-signal-halo {stroke:#00a98f;stroke-width:12;filter:url(#cr-wave-glow);}
.coractive-refonte-light .cr-signal-head {stroke:#fff;stroke-width:1.25;stroke-dasharray:14 1186;}
.coractive-refonte-light .cr-fiber-explorer { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:clamp(24px,4vw,64px); align-items:center; margin-top:36px; padding:clamp(24px,3vw,42px); border:1px solid rgba(116,211,218,.22); border-radius:18px; background:radial-gradient(ellipse at 15% 40%,rgba(0,169,143,.1),transparent 52%),#ffffff; color:#00205b; }
.coractive-refonte-light .cr-fiber-figure { margin:0; text-align:center; }
.coractive-refonte-light .cr-fiber-cross-section { display:block; width:100%; max-width:310px; height:auto; margin:auto; overflow:visible; }
.coractive-refonte-light .cr-fiber-figure figcaption { color:#506875; font-size:.7rem; line-height:1.6; margin:12px auto 0; max-width:290px; }
.coractive-refonte-light .cr-fiber-guide { fill:none; stroke:#007566; stroke-width:1; opacity:.13; }
.coractive-refonte-light .cr-fiber-layer { stroke-width:2; transition:fill 200ms ease,stroke 200ms ease; }
.coractive-refonte-light .cr-layer-coating { fill:rgba(235,244,245,.78); stroke:#709da6; }
.coractive-refonte-light .cr-layer-cladding { fill:rgba(240,247,250,.60); stroke:#709da6; }
.coractive-refonte-light .cr-layer-core { fill:rgba(250,253,255,.40); stroke:#709da6; }
.coractive-refonte-light .cr-fiber-explorer[data-layer="cladding"] .cr-layer-cladding { fill:rgba(240,247,250,.60); stroke:#00a98f; }
.coractive-refonte-light .cr-fiber-explorer[data-layer="coating"] .cr-layer-coating { fill:rgba(235,244,245,.78); stroke:#00a98f; }
.coractive-refonte-light .cr-fiber-callout { fill:none; stroke:#00205b; stroke-width:1.25; pointer-events:none; }
.coractive-refonte-light .cr-fiber-point { fill:#00205b; pointer-events:none; }
.coractive-refonte-light .cr-fiber-number { fill:#007566; font:600 14px Arial,sans-serif; letter-spacing:2px; pointer-events:none; }
.coractive-refonte-light .cr-fiber-information > .cr-eyebrow { color:#007566; font-size:.65rem; margin:0 0 12px; }
.coractive-refonte-light #cr-fiber-explorer-title { margin:0 0 12px; color:#00205b; font-size:clamp(1.3rem,2.2vw,1.85rem); line-height:1.2; }
.coractive-refonte-light .cr-fiber-hint { color:#506875; margin:0 0 20px; font-size:.83rem; line-height:1.6; }
.coractive-refonte-light .cr-fiber-controls { display:none; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.coractive-refonte-light .cr-fiber-explorer.is-ready .cr-fiber-controls { display:flex; }
.coractive-refonte-light .cr-fiber-explorer.is-ready .cr-fiber-layer { cursor:pointer; }
.coractive-refonte-light .cr-fiber-choice { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:10px 13px; border:1px solid #92b9b0; border-radius:7px; background:#f0f7f5; color:#00205b; font:600 .8rem/1.4 Arial,sans-serif; cursor:pointer; transition:background-color 180ms ease,border-color 180ms ease; }
.coractive-refonte-light .cr-fiber-choice span { font-size:.65rem; opacity:.85; }
.coractive-refonte-light .cr-fiber-choice[aria-pressed="true"] { background:#00a98f; border-color:#00a98f; color:#04131f; }
.coractive-refonte-light .cr-fiber-choice:hover { border-color:#00205b; }
.coractive-refonte-light .cr-fiber-choice:focus-visible { outline:2px solid #00205b; outline-offset:3px; }
.coractive-refonte-light .cr-fiber-copy h4 { margin:0 0 7px; font-size:.9rem; color:#00205b; line-height:1.4; }
.coractive-refonte-light .cr-fiber-copy p { margin:0; font-size:.86rem; line-height:1.7; color:#4d6470; }
.coractive-refonte-light .cr-fiber-copy[hidden] { display:none !important; }
.coractive-refonte-light .cr-fiber-description { min-height:112px; }
.coractive-refonte-light .cr-fiber-explorer:not(.is-ready) .cr-fiber-copy + .cr-fiber-copy { margin-top:16px; }
.coractive-refonte-light .cr-filter-feedback { display:flex; align-items:center; gap:12px; margin:18px auto; min-height:40px; font-size:.85rem; line-height:1.6; color:#00205b; }
.coractive-refonte-light .cr-filter-feedback::before { content:""; width:7px; height:7px; flex:none; border-radius:50%; background:#00a98f; }
.coractive-refonte-light .cr-filter-feedback.is-loading::before { width:13px; height:13px; border:2px solid #b4cfca; border-top-color:#007566; background:none; }
@media (prefers-reduced-motion:no-preference) {
 .coractive-refonte-light .cr-optical-signal.is-continuous :is(.cr-signal-pulse,.cr-signal-halo,.cr-signal-head) { animation:cr-wave-travel 7.2s linear -2.6s infinite; animation-play-state:paused; opacity:.8; }
 .coractive-refonte-light .cr-optical-signal.is-continuous .cr-signal-halo { opacity:.2; }
 .coractive-refonte-light .cr-optical-signal.is-continuous.is-playing :is(.cr-signal-pulse,.cr-signal-halo,.cr-signal-head) { animation-play-state:running; }
 .coractive-refonte-light .cr-filter-feedback.is-loading::before { animation:cr-result-loading .7s linear 5; }
 @keyframes cr-wave-travel { from { stroke-dashoffset:0; } to { stroke-dashoffset:-1200; } }
 @keyframes cr-result-loading { to { transform:rotate(360deg); } }
}
@media (max-width:700px) {
 .coractive-refonte-light .cr-fiber-explorer { grid-template-columns:minmax(0,1fr); gap:22px; padding:22px; }
 .coractive-refonte-light .cr-fiber-cross-section { max-width:230px; }
 .coractive-refonte-light .cr-fiber-choice { flex:1 1 auto; justify-content:center; }
 .coractive-refonte-light .cr-fiber-description { min-height:150px; }
}
@media (prefers-reduced-motion:reduce) {
 .coractive-refonte-light :is(.cr-signal-pulse,.cr-signal-halo,.cr-signal-head) { display:none; }
 .coractive-refonte-light .cr-fiber-layer,.coractive-refonte-light .cr-fiber-choice,.coractive-refonte-light .cr-filter-feedback::before { animation:none!important; transition:none!important; }
}

.coractive-refonte-light .cr-fiber-explorer:not(.is-ready) .cr-fiber-hint { display:none; }

/* Visible control for the continuous homepage signal. */
.coractive-refonte-light .cr-signal-toggle { position:absolute; z-index:4; right:clamp(18px,3vw,44px); bottom:18px; min-height:44px; max-width:calc(100% - 36px); padding:10px 15px; border:1px solid #92b9b0; border-radius:24px; background:rgba(255,255,255,.96); color:#00205b; font:600 .75rem/1.4 Arial,sans-serif; cursor:pointer; }
.coractive-refonte-light .cr-signal-toggle:hover { background:#d9f5f0; border-color:#00a98f; }
.coractive-refonte-light .cr-signal-toggle:focus-visible { outline:2px solid #00205b; outline-offset:3px; }
.coractive-refonte-light .cr-signal-toggle[hidden] { display:none!important; }

/* 3D fiber: cached geometry with an animated light ray and static SVG fallback. */
.coractive-refonte-light .cr-fiber-stage { position:relative; width:100%; height:300px; }
.coractive-refonte-light [data-cr-fiber-3d],
.coractive-refonte-light .cr-fiber-view-controls,
.coractive-refonte-light .cr-fiber-drag-hint { display:none; }
.coractive-refonte-light .has-3d .cr-fiber-stage .cr-fiber-cross-section { display:none; }
.coractive-refonte-light .has-3d [data-cr-fiber-3d] { display:block; width:100%; height:100%; cursor:grab; touch-action:pan-y; border-radius:14px; background:radial-gradient(ellipse at 50% 40%,#fff,#eef6f4); }
.coractive-refonte-light .has-3d [data-cr-fiber-3d]:active { cursor:grabbing; }
.coractive-refonte-light [data-cr-fiber-3d]:focus-visible { outline:2px solid #007566; outline-offset:3px; }
.coractive-refonte-light .has-3d .cr-fiber-view-controls { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:8px; }
.coractive-refonte-light .cr-fiber-view-controls button { min-height:44px; padding:9px 12px; border:1px solid #92b9b0; border-radius:7px; color:#00205b; background:#fff; font:600 .72rem/1.4 Arial,sans-serif; cursor:pointer; }
.coractive-refonte-light .cr-fiber-view-controls button:hover { background:#d9f5f0; }
.coractive-refonte-light .cr-fiber-view-controls button:focus-visible { outline:2px solid #007566; outline-offset:2px; }
.coractive-refonte-light .has-3d .cr-fiber-drag-hint { display:block; color:#506875; margin:12px 0 0; font-size:.7rem; line-height:1.6; }
@media(max-width:700px) { .coractive-refonte-light .cr-fiber-stage { height:240px; } }

.coractive-refonte-light [data-cr-ray-toggle][hidden] { display:none!important; }
.coractive-refonte-light .cr-fiber-ray-caption { display:none; }
.coractive-refonte-light .has-3d .cr-fiber-ray-caption { display:inline; }

/* Stays in the document flow outside __app-content, including on mobile. */
.coractive-refonte-light .filter-app .cr-active-filters { display:block!important; padding:16px 22px; margin:0 0 16px; background:#f1f8f6!important; color:#00205b!important; border:1px solid #94c7bc; border-radius:9px; text-transform:none; }
.coractive-refonte-light .cr-filter-summary-row { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 16px; }
.coractive-refonte-light .cr-filter-summary-row + .cr-filter-summary-row { margin-top:12px; padding-top:12px; border-top:1px solid #b1cfc7; }
.coractive-refonte-light .cr-filter-summary-label { color:#00205b!important; font:600 .8rem/1.5 Arial,sans-serif; }
.coractive-refonte-light .cr-filter-chips { display:flex; flex-wrap:wrap; gap:8px; list-style:none!important; padding:0!important; margin:0!important; max-width:100%; }
.coractive-refonte-light .cr-filter-chips > li { list-style:none!important; margin:0!important; font:600 .78rem/1.5 Arial,sans-serif; overflow-wrap:anywhere; }
.coractive-refonte-light .cr-filter-chips > li::before { content:none!important; }
.coractive-refonte-light .cr-filter-chip { padding:6px 11px!important; border:1px solid #00a98f; border-radius:6px; background:#d9f2eb!important; color:#00205b!important; }
.coractive-refonte-light .is-pending .cr-filter-chip { border-style:dashed; background:#fff!important; }
.coractive-refonte-light .cr-filter-empty { padding:6px 0!important; color:#465e6b!important; }
@media(max-width:700px) { .coractive-refonte-light .filter-app .cr-active-filters { padding:14px; } }

/* Enlarged model with a wider figure column and a clear selection outline. */
.coractive-refonte-light .cr-fiber-explorer { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(24px,3vw,48px); }
.coractive-refonte-light .cr-fiber-stage { height:390px; }
.coractive-refonte-light .cr-fiber-cross-section { max-width:350px; }
.coractive-refonte-light .cr-fiber-choice[aria-pressed="true"] { box-shadow:0 0 0 2px #fff,0 0 0 3px #007566; }
@media(max-width:900px) {
 .coractive-refonte-light .cr-fiber-explorer { grid-template-columns:minmax(0,1fr); }
 .coractive-refonte-light .cr-fiber-stage { height:340px; }
}
@media(max-width:500px) {
 .coractive-refonte-light .cr-fiber-stage { height:280px; }
}

@media(max-width:700px) {
 .coractive-refonte-light .cr-optical-wave {opacity:.65;}
 .coractive-refonte-light .cr-optical-wave .cr-signal-halo {display:none;}
}

/* Light homepage entrance to the dedicated Studio. */
.cr-studio-entry{max-width:1320px;margin:40px auto;padding:36px;display:flex;align-items:center;gap:32px;justify-content:space-between;border:1px solid #d4e5df;border-radius:20px;background:linear-gradient(120deg,#f0f8f5,#fff)}
.cr-studio-entry>div{max-width:820px}.cr-studio-entry h2{font-size:clamp(24px,3vw,36px);line-height:1.2;color:#00205b;margin:12px 0}.cr-studio-entry p{color:#4f6572;line-height:1.7}.cr-studio-entry>a{flex-shrink:0;gap:16px}
@media(max-width:850px){.cr-studio-entry{margin:24px 16px;padding:24px;flex-direction:column;align-items:flex-start}}