@layer legacy {
:root { --repos:#F18781; --repos-soft:var(--color-bg-alt); --repos-dark:var(--ink-repos,#c0514e); }
    .repos-wrap { max-width: var(--width-reading); }
    .repos-sec { padding:var(--space-lg) 0; }
    .repos-sec--bg { background:var(--color-bg); } .repos-sec--alt { background:var(--color-bg-alt); } .repos-sec--soft { background:var(--repos-soft); }
    .repos-sec .section-label { color:var(--repos-dark); }
    .repos-cta { display:inline-block; background:var(--repos); color:#fff; padding:.9rem 2.2rem; border-radius:999px; font-weight:var(--weight-heading); text-decoration:none; box-shadow:0 6px 18px rgba(241,135,129,.35); }
    .repos-encadre { background:var(--color-bg-light); border-left:4px solid var(--repos); border-radius:0 var(--radius) var(--radius) 0; padding:1.5rem 1.7rem; margin-top:var(--space-md); box-shadow:var(--shadow); }
    .repos-encadre-title,.section-kicker { color:var(--repos-dark); font-size: var(--text-caption); font-weight:var(--weight-strong); text-transform:uppercase; letter-spacing:var(--tracking-label); margin-bottom:.5rem; }
    .repos-encadre p { color:var(--color-text-sec); font-size: var(--text-small); margin:0; }
    .repos-quote { margin-top:var(--space-md); padding:1.8rem 2rem; background:linear-gradient(135deg,var(--repos-soft),var(--color-bg-alt)); border:1px solid var(--color-border); border-radius:var(--radius); font-style:italic; font-size: var(--text-body); }
    .repos-quote strong { color:var(--repos-dark); font-style:normal; }
    .repos-moments,.resource-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:var(--space-md); }
    .repos-moment,.resource-card { background:var(--color-bg-light); border-radius:var(--radius); padding:1.25rem; box-shadow:var(--shadow); }
    .repos-moment { border-top:4px solid var(--repos); }
    .repos-moment strong { display:block; color:var(--repos-dark); font-size: var(--text-caption); text-transform:uppercase; letter-spacing:var(--tracking-label); margin:.4rem 0; }
    .repos-moment p,.resource-card p { color:var(--color-text-sec); font-size: var(--text-small); line-height:var(--leading-ui); margin:0; }
    .repos-perturbateurs { display:grid; grid-template-columns:repeat(2,1fr); gap:.85rem; margin-top:var(--space-md); }
    .repos-pert { background:var(--color-bg-light); border-radius:var(--radius); padding:.95rem 1.1rem; box-shadow:var(--shadow); font-weight:var(--weight-body); }
    .repos-pert span { margin-right:.55rem; }
    .repos-etincelle { background:var(--color-card-bg); border:1px solid var(--color-border); border-top:4px solid var(--repos); border-radius:20px; padding:2.5rem; color:var(--color-text); text-align:center; box-shadow:var(--shadow); }
    .repos-etincelle h3 { font-size: var(--text-metric-sm); margin-bottom:.6rem; } .repos-etincelle p { max-width: var(--width-reading); margin:0 auto 1rem; }
    .repos-etincelle .repos-cta { background:var(--color-bg-light); color:var(--repos-dark); }
    .flux-deep-dive { padding:var(--space-lg) 0; background:var(--repos-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(--repos-dark); font-size: var(--text-small); font-weight:var(--weight-heading); text-decoration:underline; }
    @media (max-width: 640px) { .repos-moments,.repos-perturbateurs,.resource-list { grid-template-columns:1fr; } }

}