.legal-page { min-height: 100vh; color: #202431; background: #f5f5f1; }
.legal-header { display: flex; min-height: 82px; align-items: center; justify-content: space-between; padding: 12px clamp(20px, 6vw, 90px); color: white; background: #071339; }
.legal-header .brand { color: white; text-decoration: none; }
.legal-back { color: rgba(255,255,255,.78); font-size: .78rem; font-weight: 700; text-decoration: none; }
.legal-main { width: min(920px, calc(100% - 36px)); margin: 0 auto; padding: 80px 0 100px; }
.legal-intro { max-width: 760px; }
.legal-intro h1 { margin: 8px 0 22px; color: #182656; font-family: "Oswald", sans-serif; font-size: clamp(3rem, 8vw, 6.3rem); line-height: .94; letter-spacing: -.04em; text-transform: uppercase; }
.legal-intro > p:not(.eyebrow):not(.legal-date) { max-width: 660px; color: #696d77; font-size: 1.05rem; line-height: 1.7; }
.legal-date { margin-top: 25px; color: #94969b; font-size: .72rem; text-transform: uppercase; }
.legal-nav { display: flex; flex-wrap: wrap; margin: 48px 0 70px; gap: 8px; }
.legal-nav a { padding: 10px 13px; border: 1px solid #d7d9d5; border-radius: 3px; color: #182656; background: white; font-size: .72rem; font-weight: 700; text-decoration: none; }
.legal-section { padding: 54px 0; border-top: 1px solid #d6d8d4; scroll-margin-top: 20px; }
.legal-section h2 { margin: 4px 0 32px; color: #182656; font-family: "Oswald", sans-serif; font-size: clamp(2.1rem, 5vw, 3.6rem); line-height: 1; text-transform: uppercase; }
.legal-section h3 { margin: 30px 0 9px; color: #182656; font-size: .88rem; text-transform: uppercase; }
.legal-section p, .legal-section li { color: #5f636d; font-size: .91rem; line-height: 1.75; }
.legal-section ul { padding-left: 20px; }
.legal-callout { display: grid; margin-top: 28px; padding: 19px 22px; border-left: 4px solid #e8b53c; background: #fff9e8; gap: 5px; }
.legal-callout strong { color: #182656; font-size: .78rem; text-transform: uppercase; }
.legal-callout span { color: #686b71; font-size: .8rem; line-height: 1.55; }
.legal-table { margin: 20px 0 28px; border: 1px solid #d9dad7; background: white; }
.legal-table > div { display: grid; padding: 17px 19px; border-bottom: 1px solid #e2e3e0; grid-template-columns: 170px 1fr; gap: 22px; }
.legal-table > div:last-child { border-bottom: 0; }
.legal-table strong { color: #182656; font-size: .78rem; }
.legal-table span { color: #676b74; font-size: .8rem; line-height: 1.55; }
.legal-footer { display: flex; justify-content: space-between; padding: 28px clamp(20px, 6vw, 90px); color: rgba(255,255,255,.62); background: #071339; font-size: .72rem; }
.legal-footer a { color: white; }
@media (max-width: 600px) {
  .legal-header { min-height: 70px; }
  .legal-back { font-size: 0; }
  .legal-back::after { content: "← Retour"; font-size: .72rem; }
  .legal-main { width: min(100% - 28px, 920px); padding: 55px 0 70px; }
  .legal-nav { margin: 36px 0 50px; }
  .legal-section { padding: 42px 0; }
  .legal-table > div { grid-template-columns: 1fr; gap: 7px; }
}