@layer legacy {
:root { --nutrition:#F7AF7F; --nutrition-soft:var(--color-bg-alt); --nutrition-dark:var(--ink-nutrition,#b9690f); }
    .nutrition-wrap { max-width: var(--width-reading); }
    .nutrition-sec { padding:var(--space-lg) 0; }
    .nutrition-sec--bg { background:var(--color-bg); }
    .nutrition-sec--alt { background:var(--color-bg-alt); }
    .nutrition-sec--soft { background:var(--nutrition-soft); }
    .nutrition-sec .section-label { color:var(--nutrition-dark); }
    .nutrition-cta { display:inline-block; background:var(--nutrition); color:#1a1a1a; padding:.9rem 2.2rem; border-radius:999px; font-weight:var(--weight-heading); font-size: var(--text-body); text-decoration:none; box-shadow:0 6px 18px rgba(247,175,127,.35); transition:transform var(--transition),box-shadow var(--transition); }
    .nutrition-cta:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(247,175,127,.45); }
    .nutrition-encadre { background:var(--color-bg-light); border-left:4px solid var(--nutrition); border-radius:0 var(--radius) var(--radius) 0; padding:1.6rem 1.85rem; margin:var(--space-md) 0 0; box-shadow:var(--shadow); }
    .nutrition-encadre-title { font-size: var(--text-caption); font-weight:var(--weight-strong); text-transform:uppercase; letter-spacing:var(--tracking-label); color:var(--nutrition-dark); margin-bottom:.6rem; }
    .nutrition-encadre p { font-size: var(--text-small); color:var(--color-text-sec); line-height:var(--leading-body); margin-bottom:0; }
    .nutrition-quote { background:linear-gradient(135deg,var(--nutrition-soft) 0%,var(--color-bg-alt) 100%); border:1px solid var(--color-border); border-radius:var(--radius); padding:2rem 2.2rem; margin:var(--space-md) 0 0; font-style:italic; font-size: var(--text-body); line-height:var(--leading-body); }
    .nutrition-quote strong { font-style:normal; color:var(--nutrition-dark); }
    .nutrition-dimensions { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:var(--space-md); }
    .nutrition-dimension { background:var(--color-bg-light); border-radius:var(--radius); padding:1.4rem 1.3rem 1.2rem; border-top:4px solid var(--nutrition); box-shadow:var(--shadow); }
    .nutrition-dimension-num { font-size: var(--text-metric-sm); line-height:var(--leading-solid); margin-bottom:.6rem; }
    .nutrition-dimension-label { font-size: var(--text-caption); font-weight:var(--weight-strong); text-transform:uppercase; letter-spacing:var(--tracking-label); color:var(--nutrition-dark); margin-bottom:.35rem; }
    .nutrition-dimension p { font-size: var(--text-small); color:var(--color-text-sec); line-height:var(--leading-ui); margin:0; }
    .nutrition-perturbateurs { display:grid; grid-template-columns:repeat(2,1fr); gap:.85rem; margin-top:var(--space-md); }
    .nutrition-pert { display:flex; align-items:center; gap:.85rem; background:var(--color-bg-light); border-radius:var(--radius); padding:.95rem 1.1rem; box-shadow:var(--shadow); }
    .nutrition-pert-ico { flex-shrink:0; width:38px; height:38px; border-radius:50%; background:var(--nutrition-soft); display:grid; place-items:center; font-size: var(--text-lead); }
    .nutrition-pert span { font-size: var(--text-small); font-weight:var(--weight-body); }
    .flux-deep-dive { padding:var(--space-lg) 0; background:var(--nutrition-soft); }
    .flux-deep-dive .section-kicker { color:var(--nutrition-dark); font-size: var(--text-caption); font-weight:var(--weight-strong); text-transform:uppercase; letter-spacing:var(--tracking-label); margin-bottom:.4rem; }
    .resource-intro { max-width: var(--width-reading); color:var(--color-text-sec); }
    .resource-list { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-sm); margin-top:var(--space-md); }
    .resource-card { background:var(--color-bg-light); border:1px solid var(--color-border); border-radius:var(--radius); padding:1.35rem; box-shadow:var(--shadow); }
    .resource-card h3 { font-size: var(--text-body); margin-bottom:.55rem; }
    .resource-card p { color:var(--color-text-sec); font-size: var(--text-small); line-height:var(--leading-ui); }
    .resource-card a { color:var(--nutrition-dark); font-size: var(--text-small); font-weight:var(--weight-heading); text-decoration:underline; }
    @media (max-width: 640px) { .nutrition-dimensions,.nutrition-perturbateurs,.resource-list { grid-template-columns:1fr; } }

}
