/* ==========================================================================
   Agence B-LIGHT — pages légales et page 404 (charte claire de site.css)
   ========================================================================== */
.legal{position:relative;z-index:5;padding:64px 0 96px}
.legal__inner{max-width:76ch}
.legal__eyebrow{font-family:var(--mono);font-size:var(--fs-12);letter-spacing:.16em;text-transform:uppercase;color:var(--green-2);font-weight:600;margin-bottom:12px}
.legal__title{font-family:var(--display);font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.05;margin-bottom:12px}
.legal__update{font-family:var(--mono);font-size:var(--fs-12);color:var(--muted);margin-bottom:40px}
.legal h2{font-family:var(--display);font-size:var(--fs-22);font-weight:700;color:var(--ink);letter-spacing:-.01em;margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--line)}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal p,.legal li{font-size:var(--fs-15);line-height:1.7;color:var(--ink)}
.legal p+p{margin-top:12px}
.legal ul{list-style:disc;padding-left:22px;margin:10px 0}
.legal li+li{margin-top:6px}
.legal a{color:var(--green-2);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--green-hover)}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:14px 0;font-size:var(--fs-15);line-height:1.6}
.legal dt{font-family:var(--mono);font-size:var(--fs-12);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.legal dd{margin:0;color:var(--ink)}
.legal__note{margin-top:32px;padding:18px 20px;border-radius:var(--r-card-sm);background:var(--chip-bg);border:1px solid var(--chip-line);font-size:var(--fs-14);color:var(--chip-ink);line-height:1.6}

/* 404 */
.notfound{position:relative;z-index:5;padding:96px 0 120px;text-align:center}
.notfound__code{font-family:var(--mono);font-size:var(--fs-13);letter-spacing:.2em;color:var(--green-2);font-weight:600;margin-bottom:16px}
.notfound__title{font-family:var(--display);font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.025em;color:var(--ink);line-height:1.02;margin:0 auto 16px;max-width:18ch;text-wrap:balance}
.notfound__text{font-size:var(--fs-16);color:var(--muted);line-height:1.6;max-width:52ch;margin:0 auto 32px}
.notfound__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.notfound__links a{text-decoration:none}
.notfound__links{margin:48px auto 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:70ch}

@media (max-width:560px){
  .legal{padding:48px 0 72px}
  .legal dl{grid-template-columns:1fr;gap:2px 0}
  .legal dt{padding-top:10px}
  .notfound{padding:72px 0 96px}
  .notfound__actions .btn{width:100%;justify-content:center}
}