/* Spin&go — pages légales (mentions, confidentialité) */
.legal-top{background:var(--space);color:var(--text);padding:18px 24px}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:860px;margin:0 auto}
.legal-top a{color:var(--text);text-decoration:none;font-weight:600}
.legal-top img{display:block;height:34px;width:auto}
.legal{max-width:860px;margin:0 auto;padding:48px 24px 80px}
.legal h1{font-family:var(--f-display);font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.03em;margin:0 0 6px}
.legal .updated{margin:0 0 32px;color:var(--muted);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.04em}
.legal h2{font-family:var(--f-display);font-size:1.35rem;letter-spacing:-.02em;margin:36px 0 10px}
.legal h3{font-size:1.05rem;margin:22px 0 6px}
.legal p,.legal li{line-height:1.65}
.legal ul{padding-left:22px}
.legal .card{background:var(--card);border-radius:18px;padding:18px 22px;box-shadow:0 1px 0 var(--line),0 10px 30px rgba(26,29,58,.06)}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0}
.legal dt{font-weight:700}
.legal dd{margin:0}
.legal .todo{color:var(--muted);font-style:italic}
.legal a{color:var(--coral-ink)}
.legal-foot{border-top:1px solid var(--line);margin-top:48px;padding-top:18px;font-size:.9rem;color:var(--muted)}
@media (max-width:560px){.legal dl{grid-template-columns:1fr}.legal dt{margin-top:8px}}