/* =====================================================================
   Fenêtre Expérience (Windows) — ajouts propres à l'expérience professionnelle.
   Le cadre, la frise, les cartes 3D retournables, les statistiques et les filtres viennent de education.css
   (classes education-* / eduw-* / edu-stat) : même niveau de design que la Formation.
   Ici : couleurs par type, monogramme géométrique, calendrier, jauge des 5 jours, colonne de statistiques.
   Animations : transform et opacity (la jauge réutilise @keyframes eduGrow) ; rien ne tourne en continu.
   ===================================================================== */
.exw{--a-stage:#ff5b7e;--a-disc:#2f8fe8}
/* thème sombre (ex-@media prefers-color-scheme) */
:where(:root[data-theme="dark"]) .exw {--a-stage:#ff7a96;--a-disc:#6cc0ff}
.exw .eduw-item[data-type=stage]{--a:var(--a-stage)}
.exw .eduw-item[data-type=decouverte]{--a:var(--a-disc)}

/* Colonne de statistiques (à gauche de la frise) */
.exw .eduw-aside .edu-stats{grid-template-columns:minmax(0,1fr);padding:0;gap:10px}
.exw .eduw-aside .edu-stat{padding:14px 16px}
.exw .eduw-aside .edu-stat b{font-size:clamp(30px,4vw,44px)}

/* Date : puce calendrier (mois sur bandeau coloré, année dessous) */
.exw .exp-cal{margin-inline-start:auto;flex:none;display:grid;width:48px;border-radius:9px;overflow:hidden;border:1px solid var(--e-line);background:var(--e-card);text-align:center;box-shadow:0 4px 10px #285b8414;transition:transform .35s var(--e-ease)}
.exw .exp-cal i{display:block;padding:2px 0 1px;background:var(--a);color:#fff;font:700 12px 'IBM Plex Mono',monospace;font-style:normal;letter-spacing:.04em}
.exw .exp-cal b{display:block;padding:2px 0 3px;color:var(--e-ink);font:600 10px 'IBM Plex Mono',monospace}
.exw .eduw-card:hover .exp-cal{transform:rotate(-4deg) translateY(-2px)}
.exw .exp-date{display:block;margin-top:8px;font:600 11px 'IBM Plex Mono',monospace;color:var(--e-faint);direction:ltr;text-align:start}

/* Monogramme géométrique (initiales, pas de logo) */
.exw .exp-mono{width:100%;height:auto;overflow:visible;transition:transform .6s var(--e-ease)}
.exw .exp-mono .m-out{fill:color-mix(in srgb,var(--a) 14%,transparent);stroke:var(--a);stroke-width:2.2;stroke-linejoin:round}
.exw .exp-mono .m-in{fill:none;stroke:var(--a);stroke-width:1.1;stroke-dasharray:2 3;opacity:.75}
.exw .exp-mono .m-tick{fill:none;stroke:var(--a);stroke-width:2;stroke-linecap:round}
.exw .exp-mono .m-t{font:700 19px 'DM Sans',sans-serif;fill:var(--a);letter-spacing:.02em}
.exw .eduw-card:hover .exp-mono{transform:rotate(-8deg) scale(1.08)}
html.lang-rtl .exw .eduw-card:hover .exp-mono{transform:rotate(8deg) scale(1.08)}

/* Jauge de 5 jours : se remplit à l'apparition */
.exw .exp-days{margin-inline-start:auto;display:grid;gap:5px;justify-items:end}
.exw .exp-gauge{display:flex;gap:3px}
.exw .exp-gauge i{width:17px;height:8px;border-radius:3px;background:var(--a);transform-origin:left center}
html.lang-rtl .exw .exp-gauge i{transform-origin:right center}
.exw .exp-dur{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--a)}
.eduw-root.is-on .exp-gauge i{animation:eduGrow .45s var(--e-ease) calc(var(--k)*95ms + 450ms + var(--j)*85ms) backwards}

.exw .eduw-chip span[aria-hidden]{margin-inline-end:2px}
.exw .exw-desc{font-size:14.5px;line-height:1.6;opacity:1;padding-inline-end:36px}
.exw .eduw-back h3{font-size:24px}
.exw .eduw-foot{align-items:flex-end}

@media (prefers-reduced-motion:reduce){.exw .exp-gauge i{animation:none!important}}
@media (max-width:1000px){.exw .eduw-aside .edu-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){.exw .eduw-aside .edu-stat{padding:12px 12px 10px}.exw .exp-cal{width:42px}}