/* =========================================================
   MB Expansion — Pages légales (mentions légales, confidentialité)
   ========================================================= */
.legal { padding: calc(var(--nav-h) + 72px) 0 110px; }
.legal__head { max-width: 780px; margin-bottom: 52px; }
.legal__head h1 { font-size: clamp(34px, 5vw, 56px); line-height: 1.06; letter-spacing: -.035em; }
.legal__head p { margin-top: 16px; font-size: 17px; color: var(--slate); }
.legal__body { display: grid; gap: 40px; max-width: 780px; }
.legal__body section { scroll-margin-top: calc(var(--nav-h) + 24px); }
.legal__body h2 { margin-bottom: 12px; font-size: 22px; letter-spacing: -.02em; }
.legal__body p, .legal__body li { font-size: 16px; line-height: 1.7; color: var(--graphite); }
.legal__body p + p { margin-top: 10px; }
.legal__body ul { display: grid; gap: 6px; margin: 10px 0 0; padding-left: 20px; }
.legal__body a { color: var(--violet); text-decoration: underline; text-underline-offset: 3px; }
.legal__card { padding: 24px 28px; border-radius: var(--r-card); background: var(--lilac); }
.legal__card p { margin: 0; }
.legal__back { margin-top: 56px; }
.todo { padding: 1px 6px; border-radius: 6px; background: #fff1bf; font-weight: 600; color: #7a5a00; }