@layer legacy {
:root { --environnement:#96D2DA; --environnement-soft:var(--color-bg-alt); --environnement-dark:var(--ink-environnement,#397b85); }
    .environnement-wrap { max-width: var(--width-reading); }
    .environnement-sec { padding:var(--space-lg) 0; }
    .environnement-sec--bg { background:var(--color-bg); } .environnement-sec--alt { background:var(--color-bg-alt); } .environnement-sec--soft { background:var(--environnement-soft); }
    .environnement-sec .section-label { color:var(--environnement-dark); }
    .environnement-cta { display:inline-block; background:var(--environnement); color:#1a1a1a; padding:.9rem 2.2rem; border-radius:999px; font-weight:var(--weight-heading); text-decoration:none; box-shadow:0 6px 18px rgba(150,210,218,.35); }
    .environnement-encadre { background:var(--color-bg-light); border-left:4px solid var(--environnement); border-radius:0 var(--radius) var(--radius) 0; padding:1.5rem 1.7rem; margin-top:var(--space-md); box-shadow:var(--shadow); }
    .environnement-encadre-title,.section-kicker { color:var(--environnement-dark); font-size: var(--text-caption); font-weight:var(--weight-strong); text-transform:uppercase; letter-spacing:var(--tracking-label); margin-bottom:.5rem; }
    .environnement-encadre p { color:var(--color-text-sec); font-size: var(--text-small); margin:0; }
    .environnement-quote { margin-top:var(--space-md); padding:1.8rem 2rem; background:linear-gradient(135deg,var(--environnement-soft),var(--color-bg-alt)); border:1px solid var(--color-border); border-radius:var(--radius); font-style:italic; font-size: var(--text-body); }
    .environnement-quote strong { color:var(--environnement-dark); font-style:normal; }
    .environnement-moments,.resource-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:var(--space-md); }
    .environnement-moment,.resource-card { background:var(--color-bg-light); border-radius:var(--radius); padding:1.25rem; box-shadow:var(--shadow); }
    .environnement-moment { border-top:4px solid var(--environnement); }
    .environnement-moment strong { display:block; color:var(--environnement-dark); font-size: var(--text-caption); text-transform:uppercase; letter-spacing:var(--tracking-label); margin:.4rem 0; }
    .environnement-moment p,.resource-card p { color:var(--color-text-sec); font-size: var(--text-small); line-height:var(--leading-ui); margin:0; }
    .environnement-perturbateurs { display:grid; grid-template-columns:repeat(2,1fr); gap:.85rem; margin-top:var(--space-md); }
    .environnement-pert { background:var(--color-bg-light); border-radius:var(--radius); padding:.95rem 1.1rem; box-shadow:var(--shadow); font-weight:var(--weight-body); }
    .environnement-pert span { margin-right:.55rem; }
    .flux-deep-dive { padding:var(--space-lg) 0; background:var(--environnement-soft); }
    .resource-intro { max-width: var(--width-reading); color:var(--color-text-sec); }
    .resource-list { grid-template-columns:repeat(2,1fr); }
    .resource-card { border:1px solid var(--color-border); }
    .resource-card h3 { font-size: var(--text-body); margin-bottom:.55rem; }
    .resource-card a { display:inline-block; margin-top:.8rem; color:var(--environnement-dark); font-size: var(--text-small); font-weight:var(--weight-heading); text-decoration:underline; }
    @media (max-width: 640px) { .environnement-moments,.environnement-perturbateurs,.resource-list { grid-template-columns:1fr; } }

}