/* ════════════════════════════════════════════════════════════════
   PAGES DE TEXTE : mentions légales, confidentialité, 404
   Une colonne de lecture, rien d'animé : on vient ici pour lire.
   ════════════════════════════════════════════════════════════════ */

.doc{padding-top:clamp(7rem,16vh,10rem);padding-bottom:clamp(3rem,8vh,5rem)}
.doc__tete{max-width:44rem;margin-bottom:clamp(2.4rem,6vh,3.6rem)}
.doc__tete h1{font-size:clamp(2.6rem,7vw,5rem);margin:.9rem 0 1rem}
.doc__maj{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}

/* le corps : sommaire à gauche sur grand écran, texte à droite */
.doc__corps{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,40rem);gap:clamp(2rem,6vw,5rem);align-items:start}
.doc__sommaire{position:sticky;top:6rem;list-style:none;border-left:1px solid var(--line);padding-left:1rem}
.doc__sommaire li{margin:.35rem 0}
.doc__sommaire a{font-size:.82rem;color:var(--soft);text-decoration:none;transition:color .3s var(--ease)}
.doc__sommaire a:hover{color:var(--accent-text)}
@media(max-width:860px){.doc__corps{grid-template-columns:1fr}.doc__sommaire{display:none}}

.doc__texte h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.15;letter-spacing:-.01em;margin:2.6rem 0 .8rem;scroll-margin-top:6rem}
.doc__texte h2:first-child{margin-top:0}
.doc__texte p,.doc__texte li{color:var(--muted)}
.doc__texte p + p{margin-top:.8rem}
.doc__texte ul{list-style:none;margin:.8rem 0}
.doc__texte li{padding-left:1.1rem;position:relative;margin:.3rem 0}
.doc__texte li::before{content:"";position:absolute;left:0;top:.72em;width:.4rem;height:1px;background:var(--accent-text)}
.doc__texte strong{color:var(--text);font-weight:500}
.doc__texte a{color:var(--text);text-decoration-color:var(--accent-text);text-underline-offset:.2em}
.doc__texte a:hover{color:var(--accent-text)}
.doc__encart{margin-top:1.4rem;padding:1.2rem 1.3rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-soft)}
.doc__encart p{margin-bottom:.9rem}
.bouton{
  display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1.3rem;
  border-radius:999px;border:1px solid var(--text);background:none;color:var(--text);
  font:inherit;font-size:.85rem;cursor:pointer;text-decoration:none;
  transition:background-color .3s var(--ease),color .3s var(--ease)
}
.bouton:hover{background:var(--text);color:var(--bg)}

/* ── 404 : une page perdue devient une porte d'entrée vers les projets ── */
.perdu{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:6rem;padding-bottom:3rem}
.perdu__code{font-family:var(--font-serif);font-size:clamp(6rem,24vw,17rem);line-height:.8;letter-spacing:-.04em;color:var(--line);user-select:none}
.perdu h1{font-size:clamp(2.2rem,6vw,4.4rem);margin:.4rem 0 1rem;max-width:16ch}
.perdu h1 em{font-style:italic;color:var(--accent-text)}
.perdu__texte{color:var(--muted);max-width:40ch;margin-bottom:2rem}
.perdu__liens{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin-bottom:2rem}
.perdu__liens a{
  display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;border-radius:999px;
  border:1px solid var(--line);color:var(--text);text-decoration:none;font-family:var(--font-serif);font-size:1.15rem;
  transition:border-color .3s var(--ease),color .3s var(--ease)
}
.perdu__liens a:hover{border-color:var(--accent-text);color:var(--accent-text)}