/* Pages légales du site de démonstration — autonomes (palette.css + polices auto-hébergées) */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1rem/1.65 'Manrope', system-ui, sans-serif; }
a { color: #a8500d; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.skip-link { position: fixed; left: 10px; top: -80px; z-index: 99; background: var(--lime); color: var(--ink); padding: 10px; }
.skip-link:focus { top: 10px; }
.ld-bar { background: var(--ink); color: #fff; }
.ld-bar div { width: min(820px, 100% - 32px); margin-inline: auto; min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ld-bar a { color: #fff; text-decoration: none; font-weight: 700; min-height: 44px; display: inline-flex; align-items: center; }
.ld-bar a:hover { color: var(--lime); }
.ld-brand { font: 700 1.4rem 'Space Grotesk', 'Manrope', sans-serif; letter-spacing: -0.04em; }
.ld-brand span { color: var(--lime); }
.ld-banner { background: #fff7ef; border-bottom: 1px solid rgba(26, 32, 39, 0.14); font-size: 0.88rem; }
.ld-banner p { width: min(820px, 100% - 32px); margin: 0 auto; padding: 10px 0; }
main { width: min(820px, 100% - 32px); margin-inline: auto; padding: clamp(36px, 6vw, 72px) 0 clamp(56px, 8vw, 100px); }
.ld-eyebrow { font: 500 0.78rem 'DM Mono', ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase; color: #a8500d; margin: 0 0 14px; }
h1 { font: 800 clamp(2rem, 5vw, 3rem)/1.1 'Space Grotesk', 'Manrope', sans-serif; letter-spacing: -0.03em; margin: 0 0 8px; }
.ld-maj { font: 500 0.82rem 'DM Mono', ui-monospace, monospace; color: #4d5967; margin: 0 0 32px; }
h2 { font: 700 1.3rem/1.2 'Space Grotesk', 'Manrope', sans-serif; margin: 36px 0 12px; padding-top: 22px; border-top: 1px solid rgba(26, 32, 39, 0.14); }
p, li { margin: 0 0 12px; color: #2d3743; }
ul { padding-left: 22px; margin: 0 0 12px; }
strong { color: var(--ink); }
.ld-box { padding: 16px 20px; border-radius: 14px; background: #fff; border: 1px solid rgba(26, 32, 39, 0.14); margin-bottom: 14px; }
.ld-box p { margin: 4px 0; }
.ld-table { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.94rem; margin-bottom: 14px; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid rgba(26, 32, 39, 0.14); }
th { font: 500 0.74rem 'DM Mono', ui-monospace, monospace; letter-spacing: 0.06em; text-transform: uppercase; color: #4d5967; }
footer { background: var(--ink); color: #c7cad6; font-size: 0.9rem; }
footer div { width: min(820px, 100% - 32px); margin-inline: auto; padding: 24px 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: var(--lime); }